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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(substring, startpos) document.write(mystr.indexOf('o',mystr.indexOf('o')+1));
    查看全部
  • offsetHeight = clientHeight + 滚动条 + 边框。
    查看全部
  • a href="JavaScript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句 在这里和event.srcElement所在的函数有冲突,无法执行event.srcElement 比较妥当的方法是用 a href="javascript:void(0);" onclick="js_method()"或者.a href="#" onclick="js_method();return false;"这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 在不同浏览器都实用的 JavaScript 方案:
    查看全部
  • 1. 浏览器兼容问题。 <div id="content"> <h1>html</h1> <h1>php</h1> <h1>javascript</h1> <h1>jquery</h1> <h1>java</h1> </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 不成立,所以不继续。 这也就是为什么一次删除不了所以节点。
    查看全部
  • 缺代码
    查看全部
    0 采集 收起 来源:编程练习

    2017-07-01

  • insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法:insertBefore(newnode,node); 参数:newnode: 要插入的新节点。 node: 指定此节点前插入节点。
    查看全部
  • 隔行空白也是一个节点,注意了童鞋们
    查看全部
  • 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法:appendChild(newnode) 参数: newnode:指定追加的节点。
    查看全部
  • x.firstChild的value值为null的原因: x.firstChild得到的节点是<p>javascript</p>;要是要得到p里的值,还要访问<p>的子节点。 所以是x.firstChild.childNodes[0].value;这才是p里的值!
    查看全部
  • 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。 语法: nodeObject.previousSibling 说明:如果无此节点,则该属性返回 null。 注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2017-07-01

  • innerHTML和createTextNode都可以把一段内容添加到一个节点中,区别是如果这段内容中有html标签(如例子中的<strong></strong>)时表现就不同了,在createTextNode中会当作文本处理,不会被浏览器解析,但用innerHTML就会被当作HTML代码处理(如你的例子中Hello会被加粗显示)。 总的来说,如果你确定要插入的内容中没有html标签,可以用innerHTML,这样更简洁,但如果不能确定(比如要插入用户输入的内容)建议用createTextNode的方式。
    查看全部
  • 为什么自动运行,都不用点start
    查看全部
  • 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型
    查看全部
    0 采集 收起 来源:节点属性

    2017-07-01

  • getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 2. name:要想查询的元素节点的属性名字
    查看全部

举报

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

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