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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。 ==========================调用该方法的是newnode和node的父节点
    查看全部
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>逻辑非</title> <script type="text/javascript"> var numa,numb,jq1; numa=60; numb=70; jq1=!(numa>numb); document.write("jq1的值是:"+jq1+"<br>") </script> </head> <body> </body> </html>
    查看全部
  • 变量必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字.
    查看全部
  • var otest = document.getElementById("test"); var newnode = document.createElement("li");//document.createElement:创建新的节点。 newnode.innerHTML = "PHP"; otest.appendChild(newnode);
    查看全部
  • 创建元素节点createElement createElement()方法可创建元素节点。此方法可返回一个 Element 对象。 语法: document.createElement(tagName) 参数: tagName:字符串值,这个字符串用来指明创建元素的类型。 注意:要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。 我们来创建一个按钮,代码如下: <script type="text/javascript"> var body = document.body; var input = document.createElement("input"); input.type = "button"; input.value = "创建一个按钮"; body.appendChild(input); </script> 效果:在HTML文档中,创建一个按钮。 我们也可以使用setAttribute来设置属性,代码如下: <script type="text/javascript"> var body= document.body; var btn = document.createElement("input"); btn.setAttribute("type", "text"); btn.setAttribute("name", "q"); btn.setAttribute("value", "使用setAttribute"); btn.setAttribute("onclick", "javascript:alert('This is a text!');"); body.appendChild(btn); </script> 效果:在HTML文档中,创建一个文本框,使用setAttribute设置属性值。 当点击这个文本框时,会弹出对话框“This is a text!”。
    查看全部
  • Math.round()四舍五入取值; Math.random()随机取值;
    查看全部
    0 采集 收起 来源:随机数 random()

    2015-04-10

  • 第一步:创建数组var myarr=new Array(); 第一种方法: var myarray = new Array(66,80,90,77,59);//创建数组同时赋值 第二种方法: var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)
    查看全部
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>逻辑与</title> <script type="text/javascript"> var numa,numb; numa=60; numb=70; if(numa>=60&&numb>=60) { document.write("JavaScript考核通过!"+"<br>"); } </script> </head> <body> </body> </html>
    查看全部
  • innerHTML和createTextNode都可以把一段内容添加到一个节点中,区别是如果这段内容中有html标签时表现就不同了,在createTextNode中会当作文本处理,不会被浏览器解析,但用innerHTML就会被当作HTML代码处理。 总的来说,如果确定要插入的内容中没有html标签,可以用createTextNode,这样更简洁,但如果不能确定,建议用的方式innerHTML,这样会更安全。
    查看全部
  • Math.floor()向下取整,取值小于或等于X; Math.ceil()向上取整,取值大于或等于X
    查看全部
    8 采集 收起 来源:向下取整floor()

    2015-04-10

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>比较操作符</title> <script type="text/javascript"> var numa,numb,jq1,jq2; numa=1; numb=7; jq1= numa> numb ; jq2= numa !=numb; document.write("numa大于numb的分数吗?"+jq1+"<br>") document.write("numa不等于numb的分数吗?"+ jq2); </script> </head> <body> </body> </html>
    查看全部
  • 写函数来判断节点属性,来确定是否要输出显示。 function get_previousSibling(n){ var x=n.previousSibling(); while(x && x.nodeType!=1){ x=x.previousSibling; } return x; }
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-03-22

  • 返回的数值大于或等于X
    查看全部
    0 采集 收起 来源:向上取整ceil()

    2015-04-10

  • 替换元素节点replaceChild() replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 语法: node.replaceChild (newnode,oldnew ) 参数: newnode : 必需,用于替换 oldnew 的对象。 oldnew : 必需,被 newnode 替换的对象。 我们来看看下面的代码: 效果: 将文档中的 Java 改为 JavaScript。 注意: 1. 当 oldnode 被替换时,所有与之相关的属性内容都将被移除。 2. newnode 必须先被建立。
    查看全部
  • 3. 可以使用for或while 循环,使用for循环时注意。 1 2 3 4 5 6 7 function clearText() { var content=document.getElementById("content"); for(i=0;i<content.childNodes.length;i++) { var x=content.removeChild(content.childNodes[i]); } } 不要把i<content.childNodes.length做为判断条件,举例说明,IE下执行,节点个数5个,当我点一次删除按钮。 注意:5个节点分别对应下标是从0开始: 1[0] 2[0] 3[0] 4[0] 5[0] i=0 content.childNodes.length=5 0<5 删除第一个节点后,继续循环 i=1 content.childNodes.length=4 1<4 删除第二个节点后,继续循环 i=2 content.childNodes.length=3 2<3 删除第三个节点后,继续循环 i=3 content.childNodes.length=2 3<2 不成立,所以不继续。 这也就是为什么一次删除不了所以节点。 可以把上面的代码修改下: 1 2 3 4 5 6 7 8 9 10 11 function clearText() { var content=document.getElementById("content"); nodel=content.childNodes.length for(i=0;i<nodel;i++) { var x=content.removeChild(content.childNodes[0]); } }
    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

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