慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

74234283好的撒娇
数组排序sort()
语法:
```
arrayObject.sort(方法函数)
```
1.如果不指定<方法函数>，则按unicode码顺序排列。
2.如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。
```
myArray.sort(sortMethod);
```
注意: 该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。
若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。
查看全部

0 采集收起来源：数组排序sort()
2019-05-12
74234283好的撒娇
选定元素slice()
语法
```
arrayObject.slice(start,end)
```
1.返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。
2. 该方法并不会修改数组，而是返回一个子数组。
注意：
1. 可使用负值从数组的尾部选取元素。
2.如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。
3. String.slice() 与 Array.slice() 相似。
查看全部

0 采集收起来源：选定元素slice()
2019-05-12
74234283好的撒娇
颠倒数组元素顺序reverse()
语法：
```
arrayObject.reverse()
```
注意：该方法会改变原来的数组，而不会创建新的数组
查看全部

0 采集收起来源：颠倒数组元素顺序reverse()
2019-05-12
74234283好的撒娇
指定分隔符连接数组元素join()
语法：
```
arrayObject.join(分隔符)
```
注意：返回一个字符串，该字符串把数组中的各个元素串起来，用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。
查看全部

0 采集收起来源：指定分隔符连接数组元素join()
2019-05-12
74234283好的撒娇
数组连接concat()
语法
```
arrayObject.concat(array1,array2,...,arrayN)
```
注意: 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
查看全部

0 采集收起来源：数组连接concat()
2019-05-12
74234283好的撒娇
提取指定数目的字符substr()
语法:
```
stringObject.substr(startPos,length)
```
注意：如果参数startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
如果startPos为负数且绝对值大于字符串长度，startPos为0。
查看全部

0 采集收起来源：提取指定数目的字符substr()
2019-05-12
74234283好的撒娇
提取字符串substring()
语法:
```
stringObject.substring(startPos,stopPos)
```
注意：
1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符，其长度为 stop 减start。
2. 如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
3. 如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。
查看全部

0 采集收起来源：提取字符串substring()
2019-05-12
74234283好的撒娇
字符串分割split()
语法：
```
stringObject.split(separator,limit)
```
注意：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
查看全部

0 采集收起来源：字符串分割split()
2019-05-12
74234283好的撒娇
返回指定的字符串首次出现的位置
语法
```
stringObject.indexOf(substring, startpos)
```
说明：
1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。
2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
3.如果找到一个 substring，则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
注意：1.indexOf() 方法区分大小写。
2.如果要检索的字符串值没有出现，则该方法返回 -1。
查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2019-05-12
74234283好的撒娇
返回指定位置的字符
语法:
```
stringObject.charAt(index)
```
注意：1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。
2.如果参数 index 不在 0 与 string.length-1 之间，该方法将返回一个空字符串。
查看全部

0 采集收起来源：返回指定位置的字符
2019-05-12
74234283好的撒娇

什么是对象
JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。

查看全部

0 采集收起来源：什么是对象
2019-05-12
GUXG
获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:
一、对于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 采集收起来源：浏览器窗口可视区域大小
2019-05-11
慕粉0815224883

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* CSS样式制作 */ *{margin:0;padding:0;font:normal 12px "微软雅黑";color:#000000;} ul{list-style-type: none;} a{text-decoration: none;} #tab-list{width: 275px;height:190px;margin: 20px auto;} #ul1{border-bottom: 2px solid #8B4513;height: 32px;} #ul1 li{display: inline-block;width: 60px;line-height: 30px;text-align: center;border: 1px solid #999;border-bottom: none;margin-left: 5px;} #ul1 li:hover{cursor: pointer;} #ul1 li.active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;} #tab-list div{border: 1px solid #7396B8;border-top: none;} #tab-list div li{height: 30px;line-height: 30px;text-indent: 8px;} .show{display: block;}.hide{display: none;} </style> <script type="text/javascript"> window.onload=function(){ var oUl1 = document.getElementById("ul1"); var aLi = oUl1.getElementsByTagName("li"); var oDiv = document.getElementById("tab-list"); var aDiv = oDiv.getElementsByTagName("div"); for(var i=0;i<aLi.length;i++){ aLi[i].index=i; //得到现在是指到第几个 ul 中的li aLi[i].onmouseover=function(){ for(var i=0;i<aLi.length;i++){ aLi[i].className=''; } this.className='active'; for(var j=0;j<aDiv.length;j++){ aDiv[j].className='hide'; } aDiv[this.index].className='show'; } }} </script> </head><body><div id="tab-list"> <ul id="ul1"> <li class="active">房产</li><li>家居</li><li>二手房</li> </ul> <div> <ul> <li><a href="javascript:;">275万购昌平邻铁三居总价20万买一居</a></li> <li><a href="javascript:;">200万内购五环三居 140万安家东三环</a></li> <li><a href="javascript:;">北京首现零首付楼盘 53万购东5环50平</a></li> <li><a href="javascript:;">京楼盘直降5000 中信府公园楼王现房</a></li> </ul> </div> <div class="hide"> <ul> <li><a href="javascript:;">40平出租屋大改造美少女的混搭小窝</a></li> <li><a href="javascript:;">经典清新简欧爱家 90平老房焕发新生</a></li> <li><a href="javascript:;">新中式的酷色温情 66平撞色活泼家居</a></li> <li><a href="javascript:;">瓷砖就像选好老婆卫生间烟道的设计</a></li> </ul> </div> <div class="hide"> <ul> <li><a href="javascript:;">通州豪华3居260万二环稀缺2居250w甩</a></li> <li><a href="javascript:;">西3环通透2居290万 130万2居限量抢购</a></li> <li><a href="javascript:;">黄城根小学学区仅260万 121平70万抛!</a></li> <li><a href="javascript:;">独家别墅280万苏州桥2居优惠价248万</a></li> </ul> </div></div> </body></html>

查看全部

0 采集收起来源：编程挑战
2019-05-10
qq_苗_2

<!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]="**";
//显示数组长度
alert(arr.length);

//将数组内容输出，完成达到的效果。
document.write(arr[0]+"<br>"+arr[7]+"<br>"+arr[2]+"<br>"+arr[4]);

</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-05-09
qq_苗_2

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>二维数组</title>
<script type="text/javascript">
var myarr=new Array();
for (var i=0;i<3;i++){
myarr[i]=new Array();
for (var j=0;j<6;j++){
myarr[i][j]=i*j;
document.write(myarr[i][j]+"<br>");
}
}
</script>
</head>

<body>
</body>
</html>

查看全部

0 采集收起来源：二维数组
2019-05-09