慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

前端de小白

你说得对，须要双击才能出现效果

查看全部

0 采集收起来源：内容选中事件（onselect）
2018-05-25
慕码人4351461

javascript关键字和保留字

查看全部

0 采集收起来源：给变量取个名字(变量命名)
2018-05-25
慕数据7366584

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>屏幕分辨率的高和宽</title>
</head>
<body>
<script type="text/javascript">
document.write( "屏幕宽度："+window.screen.width+"px"+"<br />");
document.write( "屏幕高度："+window.screen.height+"px"+"<br />");
</script>
</body>
</html>

//打印自己屏幕的大小

查看全部

0 采集收起来源：屏幕分辨率的高和宽
2018-05-25
泡沫1

JavaScript 计时器

查看全部

0 采集收起来源：JavaScript 计时器
2018-05-25
慕数据7366584

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>navigator</title>
<script type="text/javascript">
function validB(){
    var u_agent = navigator.userAgent     ;
    var B_name="不是想用的主流浏览器!";
    if(u_agent.indexOf("Firefox")>-1){
        B_name="Firefox";
    }else if(u_agent.indexOf("Chrome")>-1){
        B_name="Chrome";
    }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
        B_name="IE(8-10)";
    }
        document.write("浏览器:"+B_name+"<br>");
        document.write("u_agent:"+u_agent+"<br>");
}
</script>
</head>
<body>
<form>
     <input type="button" value="查看浏览器" onclick="validB()" >
</form>
</body>
</html>

//获取浏览器相关信息并检测该浏览器是否为主流浏览器

查看全部

0 采集收起来源：userAgent
2018-05-25
泡沫1

window对象是BOM的核心，window对象指的浏览器的窗口

查看全部

0 采集收起来源：window对象
2018-05-25
泡沫1

排序函数
function sortNum(a,b){
returnn a-b
}//升序
降序是b-a

查看全部

0 采集收起来源：数组排序sort()
2018-05-25
泡沫1

slice(start,end);
返回一个新的数组，包含从start到end(不包括该元素)的arrayObject中的元素
2.该方法并不会修改数组，而是返回一个子数组。

查看全部

0 采集收起来源：选定元素slice()
2018-05-25
泡沫1
concat()方法应于连接两个或多个数组，此方法返回一个新数组，不改变原来的数组。
```
arrayObject.concat(array1,array2,...,arrayN)
```
查看全部

0 采集收起来源：数组连接concat()
2018-05-25
泡沫1
定义一个空数组
var 数组名=new Array();
2. 定义时指定有n个空元素的数组：
```
var 数组名 =new Array(n);
```
3.定义数组的时候，直接初始化数据：
```
var  数组名 = [<元素1>, <元素2>, <元素3>...];
```
数组元素的使用
数组名【下标】=值
查看全部

0 采集收起来源： Array 数组对象
2018-05-25
N尼奥斯

操作符之间的优先级（高到低）:
算术操作符比较操作符逻辑操作符 "="赋值符号

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2018-05-25
慕函数2218232

清除受到浮动的影响，clear有clear:left;(清除当前对象受到的左浮动影响) clear:right;(清除当前对象受到的右浮动影响)clear:both(清除当前对象受到的左和右浮动影响); 什么意思呢？
<div id="one">
    <div ></div>
    <div ></div>
    <div id="one_clear" ></div>
</div>
<div id="two" ></div>
解释：添加浮动的元素会脱离标准流，就是说不占空间，代码中ID为one的div中有两个div，如果他们不浮动，则ID为one的div的高度会被填充(自动被内容填充，俗话说的被挤下去)。现在代码中ID为one的div中有两个div向左边浮动和向右浮动，那么他们脱离了标准流，one的高度就变成了10px(id为one_clear的高度)，那么ID为two的div就会排列上来，你就会看到浮动的两个div和ID为two和one_clear的div重叠了，因为它们不在同一个层里面，你可以理解成两个浮动的DIV是飘在ID为one_clear和two的div的上面，那么clear就登场了，清除受到浮动的影响，id为one_clear的div不写clear之前，也受浮动影响，那么他也会排上去，写了之后就忽视影响，那么就变相的把浮动的div拉回了标准流一样，id为one_clear的div会排在浮动div的下面，界面就像正常界面一样，不存在重叠了，一般在布局中都是设一个没有高度的div清除浮动达到不重叠块的效果，把被挡住的内容显示出来，你可以试着改变id为one_clear里面的clear属性值和height的高度看看

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2018-05-25
慕函数2218232

scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。
clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。
offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。
情况1：
元素内无内容或者内容不超过可视区，滚动不出现或不可用的情况下。
scrollWidth=clientWidth，两者皆为内容可视区的宽度。
offsetWidth为元素的实际宽度。
情况2：
元素的内容超过可视区，滚动条出现和可用的情况下。
scrollWidth>clientWidth。
scrollWidth为实际内容的宽度。
clientWidth是内容可视区的宽度。
offsetWidth是元素的实际宽度。

查看全部

2 采集收起来源：网页尺寸scrollHeight
2018-05-25
泡沫1

index Of()方法可返回某个制定的字符串在字符串中首次出现的位置。
stringObject.indexOf(substring,stsrtpos)
说明：
1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。
2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
3.如果找到一个 substring，则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
注意：1.indexOf() 方法区分大小写。
2.如果要检索的字符串值没有出现，则该方法返回 -1。

查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2018-05-25
泡沫1

charAt()方法返回指定位置的字符，返回的字符发长度为1的字符串。
语法为stringObject.charAt(index);
index 为字符串中某个位置的数字，即字符在字符串中的下
注意：1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。
2.如果参数 index 不在 0 与 string.length-1 之间，该方法将返回一个空字符串。
一个空格也算一个字符。

查看全部

0 采集收起来源：返回指定位置的字符
2018-05-25