慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕码人6574382

screen.availWidth返回屏幕的可用宽度，available(百度翻译可用的) screen.availHeight返回屏幕可用高度。什么是可用高度，个人理解就是原来的屏幕高度减去任务栏之类的。

查看全部

0 采集收起来源：屏幕可用高和宽度
2017-12-27
慕码人6574382

Window Screen window.screen对象在编写时可以不使用 window 这个前缀。一些属性： screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度

查看全部

0 采集收起来源：screen对象
2017-12-27
慕码人6574382

1.复习一下字符串方法，indexOf("",)第一个参数是要查找的指定字符串，第二个参数表示开始检测的起始位置，如果没有第二个参数，则从字符串最开始位置开始查找。indexOf("")的返回值如果为-1则表示没有检测到该字符串。 2.navigator.userAgent,是navigator的一个属性不是方法，不用加括号。这条语句的返回值是一个字符串，根据不同的浏览器返回不同的字符串。

查看全部

0 采集收起来源：userAgent
2018-03-22
慕码人6574382

Navigator对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。【对象属性】属性描述 appCodeName 浏览器代码名的字符串表示。 appName 返回浏览器的名称。 appVersion 返回浏览器的平台和版本信息。 platform 返回运行浏览器的操作系统平台。 userAgent 返回由客户机发送服务器的user-agent头部的值。

查看全部

0 采集收起来源：Navigator对象
2017-12-27
慕码人6574382

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
杜若清欢

document.write(myarr1.reverse().join("")); (可连接使用)

查看全部

0 采集收起来源：颠倒数组元素顺序reverse()
2018-03-22
孑然_一身

scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。注意: 1. 区分大小写 2. offsetParent：布局中设置postion属性(Relative、Absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body。

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2017-12-27
孑然_一身

网页尺寸offsetHeight offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。一、值 offsetHeight = clientHeight + 滚动条 + 边框。二、浏览器兼容性 var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight; document.write(w,'*',h);

查看全部

0 采集收起来源：网页尺寸offsetHeight
2017-12-27
孑然_一身

网页尺寸scrollHeight 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元素中内容实际占用的高度和宽度。

查看全部

0 采集收起来源：网页尺寸scrollHeight
2017-12-27
孑然_一身

浏览器窗口可视区域大小获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法: 一、对于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;

查看全部

0 采集收起来源：浏览器窗口可视区域大小
2018-03-22
孑然_一身

创建文本节点createTextNode createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。语法： document.createTextNode(data) 参数： data : 字符串值，可规定此节点的文本。

查看全部

0 采集收起来源：创建文本节点createTextNode
2017-12-27
杜若清欢

该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本.可以再后面直接连接上数组中的元素，中间包括最后的结果都会用逗号隔开。

查看全部

0 采集收起来源：数组连接concat()
2017-12-27
我是冰霜

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> </head> <body> <ul id="test"><li>JavaScript</li><li>HTML</li></ul> <script type="text/javascript"> var otest = document.getElementById("test"); var node = otest.lastChild; var newnode = document.createElement("li"); newnode.innerHTML = 'php'; otest.insertBefore(newnode,node) </script> </body> </html>

查看全部

0 采集收起来源：插入节点insertBefore()
2018-03-22
禾木89

//第四种方法,递归 function clearText3(){ var content=document.getElementById("content"); var chen=content.childNodes; for(var i=0;i<chen.length;i++){ content.removeChild(chen[i]); clearText3();//i永远等于0,chen.length每调用一次减1,直到减为0 } } //第五种方法 function clearText4(){ var content=document.getElementById("content"); var chen=content.childNodes; while(chen.length){ content.removeChild(content.lastChild); } } /*function clearText() { var content=document.getElementById("content"); var chen = content.childNodes; for(i=0;i<chen.length;i++) { content.removeChild(chen[i]);//i和chen.length一起变化,最主要是i是在变大,chen.length是在变小,当i>=chen.length时循环停止 } }*/

查看全部

0 采集收起来源：删除节点removeChild()
2018-03-22
禾木89

//第一种方法,有缺陷,实际上删除的制式nodeType==1的元素节点,空白节点仍在,只是不显示 function clearText0() { var content=document.getElementById("content"); var chen = content.childNodes; //document.write(chen.length); for(var i = 0;i<chen.length;i++){ // console.log("这是第"+i+"次循环"+chen.length+"<br>"); if(chen[i].nodeType != 1){ //console.log(i); continue; }else{ //console.log(chen[i].innerHTML); content.removeChild(chen[i]); //console.log("这是第"+i+"次循环"+chen.length+"<br>"); } } } //第二种方法 function clearText1(){ var content=document.getElementById("content"); var chen = content.childNodes; var che =chen.length;//循环条件静态化 for(var i=0;i<che;i++){ content.removeChild(chen[0]);//总是删除第一项 } } //第三种方法 function clearText2(){ var content=document.getElementById("content"); var chen=content.childNodes; while(chen.length!=0){ content.removeChild(chen[0]);//总是删除第一项 } }

查看全部

0 采集收起来源：删除节点removeChild()
2018-03-22

首页上一页 1014 1015 1016 1017 1018 1019 1020 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面