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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 好好研究下 crollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。 注意: 1. 区分大小写 2. offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。
    查看全部
  • replaceChild 实现子节点(对象)的替换。返回被替换对象的引用
    查看全部
  • oldnode.parentNode.replaceChild(newnode,oldnode);
    查看全部
  • 网页尺寸offsetHeight offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。 一、值 offsetHeight = clientHeight + 滚动条 + 边框。 二、浏览器兼容性 var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight;
    查看全部
  • ../
    查看全部
  • 兼容性方案如左侧代码 scrollHeight和scrollWidth,获取网页内容高度和宽度(不包括滚动条)。 一、针对IE、Opera: scrollHeight 是网页内容实际高度,可以小于 clientHeight。 二、针对NS、FF: scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。
    查看全部
  • 获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:
    查看全部
  • <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>数组</title> <script type="text/javascript"> //创建数组 var arr=['*','##','***','&&','****','##*']; arr[7]='**'; //显示数组长度 document.write(arr.length+'<br>'); //将数组内容输出,完成达到的效果。 for(var i=0;i<arr.length-1;i++){ if(i%2==0 && arr[i]!=undefined){ document.write(arr[i]+'<br />'); } } </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • reateTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。 语法: document.createTextNode(data) 参数: data : 字符串值,可规定此节点的文本。
    查看全部
  • createElement()方法可创建元素节点。此方法可返回一个 Element 对象。 语法: document.createElement(tagName) ?不会了怎么办 var body= document.body; //创建链接 function createa(url,text) { var a = document.createElement("a"); a.href = url; a.innerHTML = text; a.style.color = "red"; body.appendChild(a); } // 调用函数创建链接 createa("http://www.imooc.com/","慕课网");
    查看全部
  • window对象是BOM的核心,window对象指当前的浏览器窗口。 alert() 显示带有一段消息和一个确认按钮的警告框; prompt() 显示可提示用户输入的对话框; confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框; open() 打开一个新的浏览器窗口或查找一个已命名的窗口; close() 关闭浏览器窗口; print() 打印当前窗口的内容; focus() 把键盘焦点给予一个窗口; blur() 把键盘焦点从顶层窗口移开; moveBy() 可相对窗口的当前坐标把它移动指定的像素; moveTo() 把窗口的左上角移动到一个指定的坐标 resizeBy() 按照指定的像素调整窗口的大小; resizeTo() 把窗口的大小调 scrollBy() 按照指定的像素值来滚动内容; scrollTo() 把内容滚动到指定的坐标; setInterval() 每隔指定的时间执行代码; setTimeout() 在指定的延迟时间之后来执行代码; clearInterval() 取消setInterval()的设置; clearTimeout() 取消setTimeout()的设置;
    查看全部
    0 采集 收起 来源:window对象

    2014-11-28

  • Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 对象属性: appCodeName 浏览器代码名的字符串表示 appName 返回浏览器名称 appVersion 返回浏览器的平台和版本信息 platform 返回运行浏览器的操作系统平台 userAgent 返回有客户机发送服务器的user-agent头部的值
    查看全部
    0 采集 收起 来源:Navigator对象

    2014-11-27

  • Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL。 语法: location.[属性|方法] location对象属性: hash 设置或返回从井号(#)开始的URL(锚) host 设置或返回主机名和当前URL的端口号 hostname 设置或返回当前URL的主机名 href 设置或返回完整的URL pathname 设置或返回当前URL的路径部分 port 设置或返回当前URL的端口号 protocol 设置或返回当前URL的协议 search 设置或返回从问号(?)开始的URL(查询部分) location对象方法: assign() 加载新的文档 reload() 重新加载当前文档 replace() 用新的文档替换当前文档
    查看全部
    0 采集 收起 来源:Location对象

    2014-11-27

  • 语法: elementNode.setAttribute(name,value) 说明: 1.name: 要设置的属性名。 2.value: 要设置的属性值。 注意: 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。 2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。
    查看全部
  • 要从最后一个开始删除起。
    查看全部

举报

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

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