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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight;
    查看全部
  • offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。
    查看全部
  • var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight;
    查看全部
  • scrollHeight和scrollWidth,获取网页内容高度和宽度。
    查看全部
  • var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight; 在不同浏览器都实用的JavaScript
    查看全部
  • 访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。 语法: nodeObject.previousSibling 说明:如果无此节点,则该属性返回 null。 注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。 解决问题方法: 判断节点nodeType是否为1, 如是为元素节点,跳过。 运行结果: LI = javascript nextsibling: LI = jquery
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-03-11

  • 节点属性 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document 二、nodeValue 属性:节点的值 1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3. 属性节点的 nodeValue 是属性的值 三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型: 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9
    查看全部
    0 采集 收起 来源:节点属性

    2018-03-11

  • String 字符串对象 在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值。比如: var mystr = "I love JavaScript!" 定义mystr字符串后,我们就可以访问它的属性和方法。 访问字符串对象的属性length: stringObject.length; 返回该字符串的长度。 var mystr="Hello World!"; var myl=mystr.length; 以上代码执行后,myl 的值将是:12 访问字符串对象的方法: 使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写: 使用toLowerCase()方法,将字符串所有大写字母都变成小写的字符串。 var mystr="Hello world!"; var mynum=mystr.toUpperCase(); 以上代码执行后,mynum 的值是:HELLO WORLD!
    查看全部
  • get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。 如果将目前日期对象的时间推迟1小时,代码如下: <script type="text/javascript"> var mydate=new Date(); document.write("当前时间:"+mydate+"<br>"); mydate.setTime(mydate.getTime() + 60 * 60 * 1000); document.write("推迟一小时时间:" + mydate); </script> 结果: 当前时间:Thu Mar 6 11:46:27 UTC+0800 2014 推迟一小时时间:Thu Mar 6 12:46:27 UTC+0800 2014 注意:1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒 2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
    查看全部
  • 返回星期方法 getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下: <script type="text/javascript"> var mydate=new Date();//定义日期对象 var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值 var mynum=mydate.getDay();//返回值存储在变量mynum中 document.write(mydate.getDay());//输出getDay()获取值 document.write("今天是:"+ weekday[mynum]);//输出星期几 </script> 结果: 5 今天是:星期五
    查看全部
    0 采集 收起 来源:返回星期方法

    2018-03-22

  • 在js中得到当前的年份的做法是: var object = new Date(), object.getYear()//Date().getYear()这个API已经被废弃了:表示的是自1900年以来所经过的时间。 或者 object.getFullYear() 来得到年份。 使用object.getFullYear(),可以得到正确的年份,但是使用前者会出现获得的时间和当前想要得到的年份相差1900,所以如果要获取2014年这个年份,获得时间就会变成“114”。 解决方法: document.write("年份:"+ ((mydate.getYear()<1900)?(mydate.getYear()+1900):mydate.getYear())); object
    查看全部
  • 返回/设置年份方法 get/setFullYear() 返回/设置年份,用四位数表示。 var mydate=new Date();//当前时间2014年3月6日 document.write(mydate+"<br>");//输出当前时间 document.write(mydate.getFullYear()+"<br>");//输出当前年份 mydate.setFullYear(81); //设置年份 document.write(mydate+"<br>"); //输出年份被设定为 0081年。 注意:不同浏览器, mydate.setFullYear(81)结果不同,年份被设定为 0081或81两种情况。 结果: Thu Mar 06 2014 10:57:47 GMT+0800 2014 Thu Mar 06 0081 10:57:47 GMT+0800 注意: 1.结果格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器) 2. 不同浏览器,时间格式有差异。
    查看全部
  • 获取当前显示文档的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

  • js里面单引号和双引号通用的 一般懒一点用单引号 如果id="app" var dom = document.getElementById("app") 必须要用引号才能取到
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

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

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