为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript入门篇 _学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 4-1 1.通过ID获取对象时,只能在JS中,函数之外,在函数里面的“获取对象”语句是不起作用的。
    查看全部
    0 采集 收起 来源:编程挑战

    2016-11-24

  • confirm 消息对话框通常用于允许用户做出选择的动作,如:"你是男的吗?"等. 弹出对话框(包括一个确定按钮和一个取消按钮). function gender(){ var yourGender=confirm('你是女士吗?'); if(yourGender==true){ document.write('你是女士'); } else{ document.write('你是男士'); } }
    查看全部
  • 1.先获取对象,也可将获取的对象放在变量中。document.getElementById("id"); 2.通过对象调用,修改属性。document.getElementById("id").style.属性名="";
    查看全部
  • 编程练习
    查看全部
    0 采集 收起 来源:编程挑战

    2016-11-24

  • function 弹框名(){ //调用function var 变量; //声明变量 变量 = prompt("内容信息"); //提问信息 if(变量条件1) { document.write("输出内容1"); //条件1成立,输出内容1;否则进入条件2 } else if(变量条件2) { document.write("输出内容2"); //条件2成立,输出内容2;否则进入条件3 } else if(变量条件3) { document.write("输出内容3"); //条件3成立,输出内容3;否则进入条件4 } else { document.write("输出内容4"); } }
    查看全部
  • confirm是消息对话框,通常和if(else)一起使用。 先调用 【function 弹框名(){ 声明变量【var 变量名=confirm(“内容[一般是提问,也可以为空]”); if (变量名 == turn) {document.write[也可以是其他,如window.open]("输出内容1");} else {document.write[也可以是其他,如window.open]("输出内容2");} 结果:出现一个弹出框,有“确定”“取消”两个按钮。点击“确定”,返回true,输出内容1。点击“取消”,返回false,输出内容2。
    查看全部
  • <!DOCTYPE HTML> <html> <head> <title>DOM</title> </head> <body> <h2><a href="http://www.baidu.com">百度一下</a></h2> <p>对html元素进行操作:可添加,修改,或移除css样式表</p> <ul> <li>Javascript</li> <li>DOM</li> <li>CSS</li> </ul> </body> </html> 1、元素节点 2、文本节点 3、属性节点 DOM树
    查看全部
    1 采集 收起 来源:认识DOM

    2018-03-22

  • document.getElementById('con')获取的只是P标签,返回的是[object HTMLParagraphElement],document.getElementById('con').innerHTML获取的才是P标签里的内容,返回的是JavaScript
    查看全部
  • 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的数结构(节点树)
    查看全部
    0 采集 收起 来源:认识DOM

    2016-11-24

  • alert警告弹窗(通常应用于程序调试,输出可以是字符串,也可以是变量) 先声明变量【var 变量名=内容1】; ——(“内容2”); ——(变量名); 结果:按顺序弹框。
    查看全部
  • document.write()可用于直接向HTML输出内容。[以下用 “——”代替] 1、——("直接输出的内容") 2、先声明变量【var 变量名=“输出内容”】; ——(变量名); 3、先声明变量【var 变量名=“输出内容”】; ——(变量名+“输出内容”); 4、先声明变量【var 变量名=“输出内容”】; ——(变量名+“<br>”); [<br>换行符] ——(“输出内容”);
    查看全部
  • JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。 每一句JavaScript代码格式: 语句;
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>prompt</title> <script type="text/javascript"> function rec(){ var score;//定义一个变量score存储成绩 score=prompt('请宝贝输入成绩','在这里输入哦'); if(score>=90){ document.write('不错哦,宝贝儿'); }else if(score>=70){ document.write('还可以啊,宝贝儿'); }else if(score>=60){ document.write('宝贝儿,要努力了啊'); }else{ document.write('宝贝儿,回家等着打屁屁吧'); } } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="点击我,对成绩做评价!" /> </body> </html>
    查看全部
  • innerHTML :获取或替换元素内容
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2016-11-24

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>confirm</title> <script type="text/javascript"> function rec(){ var mymessage=confirm('你喜欢javascript吗?'); if(mymessage==true){ document.write('好好学习加油哦'); }else{ document.write('js功能很强大,快来学习吧'); } } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="点击我,弹出确认对话框" /> </body> </html>
    查看全部

举报

0/150
提交
取消
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!