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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 卸载事件(onunload) 当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。 注意:不同浏览器对onunload事件支持不同。
    查看全部
  • clearTimeout(id_of_setTimeout)--setTimeout和clearTimeout()一起使用停止计时器。
    查看全部
  • 加载事件(onload) 事件会在页面加载完成后,立即发生,同时执行被调用的程序。 注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。 2. 此节的加载页面,可理解为打开一个新页面时。 如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。
    查看全部
  • setTimeout(代码,延迟时间);--在载入后延迟指定时间后去执行一次表达式,仅执行一次。
    查看全部
  • 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、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 <ul> <li>javascript</li> <li>HTML/CSS</li> <li>jQuery</li> </ul> <script type="text/javascript"> var s = document.getElementsByTagName("li"); for(var i = 0;i<s.length;i++){ document.write(s[i].innerHTML+"<br>"); document.write(s[i].nodeType+"<br>"); document.write(s[i].nodeName+"<br>"); document.write(s[i].nodeValue+"<br>"); } </script>
    查看全部
    0 采集 收起 来源:节点属性

    2018-03-22

  • 一、createTextNode 例如: 1 2 3 4 5 var element = document.createElement("div"); element.className = "message"; var textNode = document.createTextNode("<Strong>Hello</Strong>"); element.appendChild(textNode); document.body.appendChild(element); 结果: <Strong>Hello</Strong> 二、innerHTML 例子: 1 2 <div > <h2 id="h2"></h2></div> document.getElementById("h2").innerHTML = "<strong>hello</strong>"; 结果: Hello 识别成加粗的黑体 三、区别 innerHTML和createTextNode都可以把一段内容添加到一个节点中,区别是如果这段内容中有html标签(如例子中的<strong></strong>)时表现就不同了,在createTextNode中会当作文本处理,不会被浏览器解析,但用innerHTML就会被当作HTML代码处理(如你的例子中Hello会被加粗显示)。 总的来说,如果你确定要插入的内容中没有html标签,可以用innerHTML,这样更简洁,但如果不能确定(比如要插入用户输入的内容)建议用createTextNode的方式。
    查看全部
  • document.write(mystr.indexOf('o',mystr.indexOf('o')+1)); 必须从第一个o位置的后一个开始查找,所以需加1
    查看全部
  • toUpperCase大写 toLowerCase小写
    查看全部
  • clearInterval(id_of_setInterval);--取消由setInterval()设置的交互时间。 id_of_setInterval()返回的ID值。
    查看全部
  • setInterval(代码,交互时间); 代码:要调用的函数或要执行的代码串。 交互时间:以毫秒计 1s=1000ms 返回值:一个可以传递给clearInterval()从而取消对代码的周期性执行的值。 例:调用函数格式 setInterval("clock()",1000)或setInterval(clock,1000)
    查看全部
  • alert()--显示有一段消息和一个确认按钮的警告框 prompt()--显示可提示用户输入的对话框 comfirm()--显示带有一段消息及确认按钮和取消按钮的对话框 open()--打开一个新的浏览器窗口或查找一个已命名的窗口 close()--关闭浏览器窗口 print()--打印当前窗口的内容 focus()/blur()--把键盘焦点给予一个窗口/从顶层窗口移开 moveBy()--可相对窗口的当前坐标把它移动指定的像素 moveTo()--把窗口的左上角移动到一个指定的坐标 resizeBy()--按指定的像素调整窗口的大小 resizeTo()--把窗口的大小调整到指定的宽度和高度 scrollBy()--按照指定的像素值来滚动内容 scrollTo()--把内容滚动到指定的坐标 setInterval()--每隔指定的时间执行代码 setTimeout()--在指定的延迟时间后执行代码 clearInterval()--取消setInterval()的设置 clearTimeout()--取消setTimeout()的设置
    查看全部
    0 采集 收起 来源:window对象

    2017-09-11

  • 不能空格,右边的表达式
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>定时器</title> <script type="text/javascript"> var attime; function clock(){ var time=new Date(); attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds() ; document.getElementById("clock").value = attime; } document.write(set.Interval(clock,1000)); </script> </head> <body> <form> <input type="text" id="clock" size="50" /> </form> </body> </html>
    查看全部
  • 访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。 语法: nodeObject.previousSibling 说明:如果无此节点,则该属性返回 null。 注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。 解决问题方法: 判断节点nodeType是否为1, 如是为元素节点,跳过。
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2017-09-11

  • 操作符优先级: 算数操作符>比较操作符>逻辑操作符>赋值
    查看全部

举报

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

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