慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

胖虎ml

一、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 采集收起来源：节点属性
2019-04-28
胖虎ml

计时器cccc

查看全部

0 采集收起来源：JavaScript 计时器
2019-04-28
胖虎ml

chjchjchgjchjhk

查看全部

0 采集收起来源：window对象
2019-04-28
暮雪之寒

round() 方法可把一个数字四舍五入为最接近的整数。语法:Math.round(x)
参数说明：
注意：
1. 返回与 x 最接近的整数。
2. 对于 0.5，该方法将进行上舍入。(5.5 将舍入为 6)
3. 如果 x 与两侧整数同等接近，则结果接近 +∞方向的数字值。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6),如下图:
document.write(Math.round(-5.51)+"<br />");
结果：-6

查看全部

0 采集收起来源：四舍五入round()
2019-04-28
chp1435

a-b,负为降

查看全部

0 采集收起来源：数组排序sort()
2019-04-27

烈霓殇

网页尺寸offesetHeight浏览器兼容写法：

var w= document.documentElement.offsetWidth
    || document.body.offsetWidth;
var h= document.documentElement.offsetHeight
    || document.body.offsetHeight;

查看全部

0 采集收起来源：网页尺寸offsetHeight

2019-04-27

烈霓殇

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
<script type="text/javascript">
var w=document.documentElement.scrollWidth
|| document.body.scrollWidth;
var h=document.documentElement.scrollHeight
|| document.body.scrollHeight;
var w1 = window.scrollWidth; // undefined
var h1 = window.scrollHeight; // undefined
document.write(w + " " + h + "<br>");
document.write(w1 + " " + h1);
</script>
</body>
</html>
注意：
没有window.scrollWidth和window.scrollHeight;

查看全部

0 采集收起来源：网页尺寸scrollHeight
2019-04-27

烈霓殇

获取网页尺寸浏览器兼容写法

var w=document.documentElement.scrollWidth
   || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
   || document.body.scrollHeight;

查看全部

0 采集收起来源：网页尺寸scrollHeight

2019-04-27

烈霓殇

获取浏览器窗口可视区域的大小

不同浏览器的兼容方案：

var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;

查看全部

0 采集收起来源：浏览器窗口可视区域大小

2019-04-27

panpanPandas
编程练习
某班的成绩出来了，现在老师要把班级的成绩打印出来。
效果图:
```
XXXX年XX月X日 星期X--班级总分为:81
```
格式要求：
1、显示打印的日期。格式为类似“XXXX年XX月XX日星期X” 的当前的时间。
2、计算出该班级的平均分（保留整数）。
同学成绩数据如下：
"小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
var date = new Date();
var datestr = date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日"+" 星期"+date.getDay()+"--班级总分：";
document.write(datestr);
//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var str = scoreStr.split(";");
var sum = 0;
for(var i=0;i<str.length;i++){
//var j = str[i].split(":")[1];
var j = str[i].substr(str[i].indexOf(":")+1);
document.write(j+"<br>");
sum += parseInt(j);
document.write(sum+"<br>");
}
document.write(parseInt(sum/str.length));

//从数组中将成绩撮出来，然后求和取整，并输出。

</script>
</head>
<body>
</body>
</html>
查看全部

0 采集收起来源：编程练习
2019-04-27
panpanPandas
数组排序sort()
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()
2019-04-27
panpanPandas

数组方法：

查看全部

0 采集收起来源： Array 数组对象
2019-04-27
panpanPandas

向上取整Math.ceil()
向下取整Math.floor()
四舍五入Math.round()
随机数Math.random()

查看全部

0 采集收起来源：向下取整floor()
2019-04-27
panpanPandas
Math对象
Math对象，提供对数据的数学计算。
使用 Math 的属性和方法，代码如下：
```
<script type="text/javascript">   var mypi=Math.PI;    var myabs=Math.abs(-15);   document.write(mypi);   document.write(myabs); </script>
```
运行结果:
```
3.141592653589793 15
```
注意：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。
Math 对象属性
Math 对象方法
查看全部

0 采集收起来源：Math对象
2019-04-27
panpanPandas
返回指定的字符串首次出现的位置
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法
```
stringObject.indexOf(substring, startpos)
```
参数说明：

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

0 采集收起来源：返回指定的字符串首次出现的位置
2019-04-27

首页上一页 394 395 396 397 398 399 400 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

编程练习

数组排序sort()

Math对象

返回指定的字符串首次出现的位置