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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 访问父节点parentNode 获取指定节点的父节点 语法: elementNode.parentNode 注意:父节点只能有一个。 访问祖节点: elementNode.parentNode.parentNode
    查看全部
  • 网页尺寸scrollHeight scrollHeight和scrollWidth,获取网页内容高度和宽度(不包括滚动条)。 一、针对IE、Opera: scrollHeight 是网页内容实际高度,可以小于 clientHeight。 二、针对NS、FF: scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。 三、浏览器兼容性 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight; 注意:区分大小写 scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。
    查看全部
  • 使用length属性,当前窗口的浏览历史总长度,代码如下: <script type="text/javascript"> var HL = window.history.length; document.write(HL); </script>
    查看全部
    0 采集 收起 来源:History 对象

    2018-03-22

  • 访问子结点的第一和最后项 一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.firstChild 说明:与elementNode.childNodes[0]是同样的效果。 二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.lastChild 说明:与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。
    查看全部
  • 要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。在下面的代码,当按钮被点击后,输入域便从0开始计数。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0; function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); } </script> </head> <body> <form> <input type="text" id="txt" /> <input type="button" value="Start" onClick="numCount()" /> </form> </body> </html>
    查看全部
  • 定时器显示动态时间代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>定时器</title> <script type="text/javascript"> var attime; var colorHead,colorFoot; function clock(){ var time=new Date(); var HH = time.getHours(); if(HH<10){HH="0"+HH}; var MM = time.getMinutes(); if(MM<10){MM="0"+MM}; var SS = time.getSeconds(); if(SS<10){SS="0"+SS}; var ww = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"] var nWeek = time.getDay(); attime= HH+":"+MM+":"+SS+" "+ww[nWeek]; document.getElementById("clock").value = attime; } var timer = setInterval(clock,1000); </script> </head> <body> <form> <input type="text" id="clock" size="50" /> </form> </body> </html>
    查看全部
  • concat() 连接两个或更多的数组,并返回结果 otherconcat() 连接两个或更多的数组,并返回结果 join() 把数组的所有元素放在一个字符串,元素通过指定的分隔符进行分割、 pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加一个或更多元素,并返回新的长度。 shift() 删除并返回数组的第一个元素 unshift() 向数组开头添加一个或更多元素,并返回新长度 push() 向数组的末尾添加一个或更多个元素,并返回新长度 reverse() 颠倒数组中元素的顺序 shift() 删除并返回数组的第一个元素 slice() 从某个已有的数组返回选定的元素 sort() 对数组的元素进行排序 splice() 删除元素,并向数组添加新的元素 toSource() 返回该对象的源代码 toString() 把数组转换成字符串,并返回结果 toLocaleString() 把数组转换为本地数组,并返回结果 unshift() 向数组的开头添加一个或更多元素,并返回新的长度。 valueOf() 返回数组对象的原始值
    查看全部
    0 采集 收起 来源: Array 数组对象

    2015-04-13

  • 调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000) 我们设置一个计时器,每隔100毫秒调用clock()函数,并将时间显示出来,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById("clock").value = time; } </script> </head> <body> <form> <input type="text" id="clock" size="50" /> </form> </body> </html>
    查看全部
  • 随机数 random() random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。返回一个大于或等于 0 但小于 1 的符号为正的数字值。 注意:因为是随机数,所以每次运行结果不一样,但是0 ~ 1的数值。
    查看全部
    0 采集 收起 来源:随机数 random()

    2015-04-13

  • round() 方法可把一个数字四舍五入为最接近的整数。 1. 返回与 x 最接近的整数。 2. 对于 0.5,该方法将进行上舍入。(5.5 将舍入为 6) 3. 如果 x 与两侧整数同等接近,则结果接近 +∞方向的数字值 。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6),如下图:
    查看全部
    0 采集 收起 来源:四舍五入round()

    2015-04-13

  • floor() 方法可对一个数进行向下取整,返回的是小于或等于x,并且与x最接近的整数。
    查看全部
    0 采集 收起 来源:向下取整floor()

    2015-04-13

  • 事件会在页面加载完成后,立即发生,同时执行被调用的程序。 注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。 2. 此节的加载页面,可理解为打开一个新页面时。 如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。
    查看全部
  • get/setFullYear() 返回/设置年份,用四位数表示。 注意: 1.结果格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器) 2. 不同浏览器,时间格式有差异。
    查看全部
  • ndexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(substring, startpos) 说明: 1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。 2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。 3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的
    查看全部
  • 字符串分割split() 知识讲解: split() 方法将字符串分割为字符串数组,并返回此数组。 语法: stringObject.split(separator,limit) 参数说明: 注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
    查看全部

举报

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

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