慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

louzhihaui

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航（小试正则表达式）</title>

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
var currentdate=new Date();
var myyear= currentdate.getFullYear();
var mymonth= currentdate.getMonth() + 1;
var myhours= currentdate.getHours();
var myminutes= currentdate.getMinutes();
var mydate= currentdate.getDate();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var mynum=currentdate.getDay();
document.write(myyear + "年" + mymonth + "月" + mydate + "日 " + weekday[mynum] + "<br/>")

//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:100";
var myarry = scoreStr.split(";");
document.write(myarry + "<br/>");

//从数组中将成绩撮出来，然后求和取整，并输出。
var patt=/(\d\d\d|\d\d)/g; //正则表达式判断两位数或者三位数
var score=scoreStr.match(patt);
document.write(score + "<br/>");

var sum = 0;
for(var i = 0 ; i < score.length ; i ++ ){
sum += parseInt( score[i] );
}
var avg = Math.round(sum / score.length);
document.write("班级总成绩："+sum+"分"+"<br/>");
document.write("班级平均分："+ avg + "分" +"<br/>");
</script>
</head>
<body>
</body>
</html>

查看全部

1 采集收起来源：编程练习
2019-03-04
qq__飞_0
在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。
格式如下：
```
for(初始条件;判断条件;循环后条件值更新)
{  if(特殊情况)
  {break;}
  循环代码
}
```
查看全部

0 采集收起来源：退出循环break
2019-03-04
qq__飞_0
do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。
do...while语句结构：
```
do{
    循环语句
 }while(判断条件)
```
查看全部

0 采集收起来源：来来回回(Do...while循环)
2019-03-04
qq__飞_0
while循环重复执行一段代码，直到某个条件不再满足。
while语句结构：
```
while(判断条件){
    循环语句
 }
```
查看全部

0 采集收起来源：反反复复(while循环)
2019-03-04

qq__飞_0

多种选择（Switch语句)

当有很多种选项的时候，switch比if else使用更方便。

语法:

switch(表达式) { case值1:   执行代码块 1   break; case值2:   执行代码块 2   break; ... case值n:   执行代码块 n   break; default:   与 case值1 、 case值2...case值n 不同时执行的代码 }

语法说明:

Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。

查看全部

0 采集收起来源：多种选择（Switch语句)

2019-03-04

慕斯1427066

关于parentNode
起点是<li id="tcon"> 基础语法</li>，终点是<ul id="con">
第一个parentNode找到 <ul> ，第二个parentNode找到<li id="lesson1">，第三个parentNode找到<ul id="con">。
ul 是无序列表，li 则表示每个列表项，是包含关系。这里，是在li 中又嵌套了一个列表。

查看全部

0 采集收起来源：访问父节点parentNode
2019-03-03
该你走运气

节点属性
在文档对象模型 (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 采集收起来源：节点属性
2019-03-03
慕婉清2471847
1. 二维数组的定义方法一
```
var myarr=new Array();  //先声明一维 
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array();  //再声明二维 
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j
   }
 }
```
注意: 关于for 循环语句，请看第四章4-5 。
2. 二维数组的定义方法二
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]
3. 赋值
myarr[0][1]=5; //将5的值传入到数组中，覆盖原有值。
说明: myarr[0][1] ,0 表示表的行，1表示表的列。
查看全部

0 采集收起来源：二维数组
2019-03-02
qq__飞_0
二维数组
一维数组，我们看成一组盒子，每个盒子只能放一个内容。
```
一维数组的表示: myarray[ ]
```
二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。
```
二维数组的表示: myarray[ ][ ]
```
注意: 二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引值为长度-1。
1. 二维数组的定义方法一
```
var myarr=new Array();  //先声明一维  for(var i=0;i<2;i++){   //一维长度为2    myarr[i]=new Array();  //再声明二维     for(var j=0;j<3;j++){   //二维长度为3    myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j    }  }
```
查看全部

0 采集收起来源：二维数组
2019-03-01
qq__飞_0

数组属性length)
Length属性表示数组的长度，即数组中元素的个数。
因为数组的索引总是由0开始，所以一个数组的上下限分别是：0和length-1。
JavaScript数组的随元素的增加，length属性是可变的，

查看全部

0 采集收起来源：了解成员数量(数组属性length)
2019-03-01
qq__飞_0

数组：是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的值，根据需要添加更多数值。
数组用法：http://www.cnblogs.com/xiaoxiaoAmeng/archive/2012/04/06/2435059.html

查看全部

0 采集收起来源：一起组团（什么是数组）
2019-03-01
qq_黑妮
网页尺寸offsetHeight
offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。
一、值
offsetHeight = clientHeight + 滚动条 + 边框。
二、浏览器兼容性
```
var w= document.documentElement.offsetWidth     || document.body.offsetWidth; var h= document.documentElement.offsetHeight     || document.body.offsetHeight;
```
查看全部

0 采集收起来源：网页尺寸offsetHeight
2019-03-01
qq_黑妮
网页尺寸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
2019-03-01
qq__飞_0

操作符之间的优先级（高到低）:
算术操作符 ——> 比较操作符 ——> 逻辑操作符 ——> "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2019-03-04
qq_黑妮

<!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.clientWidth
|| document.body.clientWidth;
var h= document.documentElement.clientHeight
|| document.body.clientHeight;

document.write("当前浏览器宽度："+w+"<br/>");
document.write("当前浏览器调试："+h+"<br/>");
</script>
</body>
</html>

查看全部

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

首页上一页 444 445 446 447 448 449 450 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

多种选择（Switch语句)

节点属性

二维数组

数组属性length)

网页尺寸offsetHeight

网页尺寸scrollHeight