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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • deal
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-21

  • 简易计算机
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-21

  • 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 。 三、浏览器兼容性 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight; 注意:区分大小写 scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。
    查看全部
  • 获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法: 一、对于IE9+、Chrome、Firefox、Opera 以及 Safari: • window.innerHeight - 浏览器窗口的内部高度 • window.innerWidth - 浏览器窗口的内部宽度 二、对于 Internet Explorer 8、7、6、5: • document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。 • document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。 或者 Document对象的body属性对应HTML文档的<body>标签 • document.body.clientHeight • document.body.clientWidth 在不同浏览器都实用的 JavaScript 方案: var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 2. name:要想查询的元素节点的属性名字
    查看全部
  • 一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.firstChild 说明:与elementNode.childNodes[0]是同样的效果。 二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.lastChild
    查看全部
  • window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window 这个前缀。 我们来获取屏幕的高和宽,代码如下: <script type="text/javascript"> document.write( "屏幕宽度:"+screen.width+"px<br />" ); document.write( "屏幕高度:"+screen.height+"px<br />" ); </script>
    查看全部
  • 获取当前显示文档的URL,并输出 document.write(window.location.href); 1.刷新当前页面: 法一:window.location.href=window.location.href; window.location.reload(); 法二:location.reload(true); //true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") location.reload(false); //可选参数, 默认为 false,从客户端缓存里取当前页 2.刷新ifram的方法: 法一://子窗口刷新父窗口 <script language=JavaScript> self.opener.location.reload(); </script> ( 或 <a href="javascript:opener.location.reload()">刷新</a> ) 法二://刷新另一个框架的页面用 <script language=JavaScript> parent.另一FrameID.location.reload();</script> 法三://刷新父窗口: window.opener.location.href=window.opener.location.href; window.opener.location.reload(); 3:javascript返回上一页并自动刷新 document.referrer //前一个页面的URL 法一: location.href = document.referrer; 法二:返回并刷新页面: location.replace(document.referrer); //被replace的页面每次都在服务端重新生成。
    查看全部
    0 采集 收起 来源:Location对象

    2018-03-22

  • go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。 语法: window.history.go(number); 1 前一个go(1)等价forward() 0 当前页面 -1后一个go(-1)等价back() 其他 要访问的URL在history的url列表中的相对位置
    查看全部
  • sort()方法使数组中的元素按照一定的顺序排列。 语法: arrayObject.sort(方法函数) 参数说明: 1.如果不指定<方法函数>,则按unicode码顺序排列。 2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。 myArray.sort(sortMethod); 注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。 若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。 若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。 1.使用sort()将数组进行排序,代码如下: <script type="text/javascript"> var myarr1 = new Array("Hello","John","love","JavaScript"); var myarr2 = new Array("80","16","50","6","100","1"); document.write(myarr1.sort()+"<br>"); document.write(myarr2.sort()); </script> 运行结果: Hello,JavaScript,John,love 1,100,16,50,6,80 注意:上面的代码没有按照数值的大小对数字进行排序。 2.如要实现这一点,就必须使用一个排序函数,代码如下: <script type="text/javascript"> function sortNum(a,b) { return a - b; //升序,如降序,把“a - b”该成“b - a” } var myarr = new Array("80","16","50","6","100","1"); document.write(myarr + "<br>"); document.write(myarr.sort(sortNum)); </script> 运行结果: 80,16,50,6,100,1 1,6,16,50,80,100
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) 参数说明:
    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-03-21

  • var myarr12 = myarr1.concat(myarr2); document.write(myarr12); 合并两个或多个数组,或者直接输入值
    查看全部
  • getDay() 返回星期,返回的是0-6的数字,0 表示星期天。
    查看全部
    0 采集 收起 来源:返回星期方法

    2018-03-21

  • 如果要自定义初始值,可以用以下方法: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年10月1日 get/setDate() 返回,设置日期 get/setFullYear() 返回,设置年份,用四位数表示 get/setYear() 返回,设置年份 get/setHours 返回,设置小时 24小时 get/setMouth ()返回,设置月份 0-11月 所以加一 get/setMinutes ()返回,设置分钟 get/setTime() 返回,设置时间,毫秒为单位
    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-03-21

举报

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

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