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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document 二、nodeValue 属性:节点的值 1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3. 属性节点的 nodeValue 是属性的值 三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型: 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9
    查看全部
    0 采集 收起 来源:节点属性

    2015-06-15

  • var mynum = 1+5;//注意 +和5 之间不能有空格
    查看全部
  • split是分割字符串。 语法:stringObject.split(separator,limit); 注意:如果把空字符串(“”)用作separator,那么stringObject中的每个字符之间都会被分割。 var demo="i.love.you.obb"; document.write(demo.split(".")+"<br/>"); document.write(demo.split("v")+"<br/>"); document.write(demo.split("")+"<br/>"); document.write(demo.split("o",2)); 输出的是: i,love,you,obb i.lo,e.you.obb i,l,o,v,,e,y,o,u,o,b,b, i.l,ve.y,u
    查看全部
  • for(var i=0;i<ths.length;i++){ ths[i].setAttribute("onmouseover","javascript:this.style.background='#f2f2f2'"); ths[i].setAttribute("onmouseout","javascript:this.style.background='#fff'"); } } var otr=document.createElement("tr"); otr.setAttribute("onmouseover","javascript:this.style.background='#f2f2f2'"); otr.setAttribute("onmouseout","javascript:this.style.background='#fff'"); var td1=document.createElement("td"); var td2=document.createElement("td"); var td3=document.createElement("td"); td1.innerHTML="<input type='text'>"; td2.innerHTML="<input type='text'>"; td3.innerHTML="<a href='javascript:;' onclick='removebutton(this)'>删除</a>"; var otab=document.getElementById("table"); otr.appendChild(td1); otr.appendChild(td2); otr.appendChild(td3);otab.appendChild(otr) function removebutton(obj){ var otab=obj.parentNode.parentNode.parentNode;
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 网页卷去的距离与偏移量 我们先来看看下面的图: scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。 注意: 1. 区分大小写 2. offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。
    查看全部
  • 必须以字母、下划线或美元符号开头;区分大小写
    查看全部
  • 变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。
    查看全部
    0 采集 收起 来源:什么是变量

    2015-06-15

  • JS是区分大小写的,如:classname和ClassName是不一样的。
    查看全部
    0 采集 收起 来源:让你认识JS

    2015-06-15

  • indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。
    查看全部
  • 返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(substring, startpos) 参数说明: 说明: 1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。 2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。 3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。 注意:1.indexOf() 方法区分大小写。 2.如果要检索的字符串值没有出现,则该方法返回 -1。
    查看全部
  • 为甚么要加parentNode?
    查看全部
  • 该任务,要注意一些问题 1. 浏览器兼容问题。 。。。</div> content子节点: ie下是5个节点,chrome等浏览器是11个节点(因为出现了空白节点,如忘记了可以看看9-11节)。 2. 不管你使用正序还是倒序删除节点,要注意在删除节点同时,content孩子节点的个数和位置也在变化。所以最好删除时正序总删除第一个,倒序总删除最后一个。 3. 可以使用for或while 循环,使用for循环时注意。 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 不成立,所以不继续。 这也就是为什么一次删除不了所以节点。 可以把上面的代码修改下: function clearText() { var content=document.getElementById("content"); nodel=content.childNodes.length for(i=0;i<nodel;i++) { var x=content.removeChild(content.childNodes[0]); } }
    查看全部
  • switch语句(多项选择情况下使用) 1.语法 switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 }
    查看全部
  • 字符串分割split() 知识讲解: split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit) 注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割 我们将按照不同的方式来分割字符串: 使用指定符号分割字符串,代码如下: var mystr = "www.imooc.com"; document.write(mystr.split(".")+"<br>"); document.write(mystr.split(".", 2)+"<br>"); 运行结果: www,imooc,com www,imooc 将字符串分割为字符,代码如下: document.write(mystr.split("")+"<br>"); document.write(mystr.split("", 5)); 运行结果: w,w,w,.,i,m,o,o,c,.,c,o,m w,w,w,.,i
    查看全部
  • 返回指定位置的字符 charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。 语法: stringObject.charAt(index) 参数说明: 注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。 2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。 如:在字符串 "I love JavaScript!" 中,返回位置2的字符: <script type="text/javascript"> var mystr="I love JavaScript!" document.write(mystr.charAt(2)); </script> 注意:一个空格也算一个字符。 以上代码的运行结果: l
    查看全部

举报

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

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