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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node);
    查看全部
  • 在指定节点的最后一个子节点列表之后添加一个新的子节点。 appendChild(newnode)
    查看全部
  • 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法:nodeObject.nextSibling
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2017-08-07

  • i++;先运算,在自加;eg:i=1; i+(i++)=2; ++i,先自加,再运算;i+(++i)=3;
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-07

  • 我们把内容所在的框称为div1,把滚动条的框称为div2,把浏览器窗口称作div。 然后根据课程里的图片。div>div1>div2。 然后,只有在div2的窗口中出现的内容才能被人们看见,而滚动条的作用就是改变div2在div1中的位置。 所以scorllTop显示的是滚动窗的顶部距离内容框顶部之间的距离。 offsetTop则是这个滚动框顶部与当前浏览器窗口的顶部的距离,因为浏览器窗口就这么大。 滚动条相对于浏览器窗口位置是固定的。可以参照下fixed那种定位。所以无论怎么弄滚动条,offsetTop的值就是固定的。
    查看全部
  • 如果要对函数的结果做进一步的处理,就需要返回函数值,不需要就直接输出就行
    查看全部
    0 采集 收起 来源:返回值的函数

    2017-08-07

  • window.screen; 属性:获取用户的屏幕信息 availHeigth; 窗口可以使用的屏幕宽度,单位像素 availWidth; 窗口可以使用的屏幕宽度,单位像素 colorDepth; 用户浏览器表示的颜色位数,通常为32位(每像素的位数) pixelDepth; 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持) heigth; 屏幕的高度,单位像素 width; 屏幕的宽度,单位像素
    查看全部
    0 采集 收起 来源:screen对象

    2017-08-07

  • 函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名 第一种情况:在<script>标签内调用。 第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。
    查看全部
    0 采集 收起 来源:函数调用

    2018-03-22

  • navigator.userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) ndexOf("")可以用来遍历字符串A,给出想搜寻的字符串B(""),返回其位置若>-1,则证明该字符串A中含有所给的字符串B
    查看全部
    0 采集 收起 来源:userAgent

    2018-03-22

  • for(var i=0,len=oLis.length;i<len;i++){//通过循环为所有的LI绑定点击事件 oLis[i].index=i;//添加index属性,方便后期找到当前点击LI对应的DIV,为其去除hide样式,即将其className赋值为空 oLis[i].onclick=function(){//循换绑定点击事件 for(var n=0;n<len;n++){//通过循环将所有的li的className赋值为空,即所有的LI皆是未点击的样式,所有的DIV的className为hide样式,即所有DIV都隐藏 oLis[n].className=""; oDivs[n].className="hide"; } this.className="on"; //通过this获取到当前点击的LI,将其className赋值为on,即让当前点击的LI显示其应有的点击样式 oDivs[this.index].className=""; //通过循环体内第一条语句存储的index值,找到当前点击LI对应的DIV,去除原有的hide样式,让其显示 } };
    查看全部
    1 采集 收起 来源:编程挑战

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> function clock(){ var time=new Date(); document.getElementById("clock").value = time; } begin(); function begin(){ i=setInterval(clock,1000); } </script> </head> <body> <form> <input type="text" id="clock" size="50" /> <input type="button" value="Stop" onclick="clearInterval(i)" /> <input type="button" value="Begin" onclick="begin()" /> </form> </body> </html>
    查看全部
  • 1.創建p 2.創建textNode 3.將textNode加在p 4.將p加在body
    查看全部
  • .checked方法
    查看全部
  • concat()连接两个或更多的数组,并返回结果 join()把数组的所有元素放入一个字符串,元素通过制定的分隔符进行分割 pop()删除返回数组的最后一个元素 push()向数组的末尾添加一个或更多元素,并返回新的长度 reverse()颠倒数组中元素的顺序 shift()删除并返回数组的第一个元素 slice()从某个已有的数组返回选定的元素 sort()对数组的元素进行排序 splice()删除元素,并想数组添加新元素 toSource()返回该对象的源代码 toString()把数组转换为字符串,并发挥结果 toLocaleString()把数组转换为本地数组,并返回结果 unshift()向数组的开头添加一个或更多元素,并返回新的长度 valueOf()返回数组对象的原始值
    查看全部
    0 采集 收起 来源: Array 数组对象

    2017-08-07

  • 算术操作符 比较操作符 逻辑操作符 "="赋值符号 如果同级的运算是按从左到右次序进行,多层括号由里向外
    查看全部

举报

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

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