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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 1.window对象,是BOM(浏览器对象模型)的核心,window对象指当前浏览器窗口。 2.window对象方法: alert()----------显示带有一段信息和一个确认按钮的警示框 prompt()---------显示可提示用户输入的对话框 confirm()--------显示带有一段消息及确认按钮和取消按钮的对话框 open()-----------打开一个新的浏览器窗口或查找一个已命名的窗口 close()----------关闭浏览器窗口 print()----------打印当前窗口的内容 focus()----------把键盘焦点给予一个窗口 blur()-----------把键盘焦点从顶层窗口离开 moveBy()---------相对窗口的当前坐标把它移动指定的像素 moveTo()---------把窗口的左上角移动到指定的坐标 resizeBy()-------按照指定的像素调整窗口的大小 resizeTo()-------把窗口的大小调整到指定的宽度和高度 scrollBy()-------按照指定的像素值来滚动内容 scrollTo()-------把内容滚动到指定的坐标 setInterval()----每隔指定的时间执行一次代码 setTimeout()-----在指定延迟时间之后执行代码 clearInterval()--取消setInterval()的设置 clearTimeout()---取消setTimeout()的设置
    查看全部
    1 采集 收起 来源:window对象

    2015-04-15

  • function(){}是一匿名函数。 window.onload是页面加载事件。 window.onload = function(){}就是页面加载完以后执行这个匿名函数。
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-10

  • myArray.sort(sortMethod); 注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。 若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。 若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • 选定元素slice() slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) 参数说明: 1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 2. 该方法并不会修改数组,而是返回一个子数组。 注意: 1. 可使用负值从数组的尾部选取元素。 2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。 3. String.slice() 与 Array.slice() 相似。
    查看全部
    0 采集 收起 来源:选定元素slice()

    2015-04-10

  • JS进阶篇学习什么? 在JavaScript入门篇中,我们学习了如何插入JS、输出内容及简单的DOM操作,JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作,制作简单的网页动态效果。
    查看全部
    0 采集 收起 来源:让你认识JS

    2015-04-10

  • ...........
    查看全部
  • ...............
    查看全部
  • offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。 offsetHeight = clientHeight + 滚动条 + 边框。 浏览器兼容性 var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight;
    查看全部
  • 运行成功的感觉真爽!!
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-10

  • scrollHeight和scrollWidth,获取网页内容高度和宽度(不包括滚动条)。 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight;
    查看全部
  • 获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法: 在不同浏览器都实用的 JavaScript 方案: var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • document.createTextNode(data).需要先创建一个element节点,然后把创建的文本节点设为子节点,才能显示,否则不能正确显示。 <script type="text/javascript"> var biaoqian=document.createElement("p"); biaoqian.className="message"; var newtex=document.createTextNode("I Love Javascript!"); biaoqian.appendChild(newtex); document.body.appendChild(biaoqian);
    查看全部
  • 创建元素节点createElement,并和appendChild()或者insertBefore()一起用,使元素显示在页面中。 <script type="text/javascript"> var main = document.body; //创建链接 function createa(url,text) { var a=document.createElement("a"); a.href=url; a.innerHTML=text; a.style.color="red"; main.appendChild(a); } // 调用函数创建链接 createa("http://www.imooc.com","慕课网"); </script>
    查看全部
  • innerHTML和createTextNode都可以把一段内容添加到一个节点中,区别是如果这段内容中有html标签时表现就不同了,在createTextNode中会当作文本处理,不会被浏览器解析,但用innerHTML就会被当作HTML代码处理。 总的来说,如果确定要插入的内容中没有html标签,可以用createTextNode,这样更简洁,但如果不能确定,建议用的方式innerHTML,这样会更安全。
    查看全部
  • replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 var b=document.createElement("i") ; var oldnode=document.getElementById("oldnode"); b.innerHTML=oldnode.innerHTML; oldnode.parentNode.replaceChild(b,oldnode); 必须在父类节点中实现子节点的替换
    查看全部

举报

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

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