慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕粉0922006928

1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。
2.变量名区分大小写，如:A与a是两个不同变量。
3.不允许使用JavaScript关键字和保留字做变量名。

查看全部

0 采集收起来源：给变量取个名字(变量命名)
2018-12-14
FreudLi

//getDay() 返回星期，以0-6数字表示，0表示星期天，6表示星期六
//返回星期方法思路：首先使用Date() 方法得到"今天"的日期，其次再设置一个 weekday = [星期几]的数组，然后使用getDay()方法得到的数字，读取 weekday[星期几]的数组
//得到今天的日期
var mydate = new Date();
var weekday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//得到星期几的数字，存储在mynum中
var mynum = mydate.getDay();
//document.write( weekday[mynum] );
//使用getDay()方法得到的星期几的数字，读取数组weekday[]
docuemnt.write( weekday[ mydate.getDay() ] );

查看全部

0 采集收起来源：返回星期方法
2018-12-14
喻晓言是唯物主义者

<script type="text/javascript">
var mydate=new Date();
var myyear=mydate.getFullYear();
document.write("年份:"+myyear);
</script>

查看全部

0 采集收起来源：返回/设置年份方法
2018-12-14
宝慕林6291606
<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
var mydate=new Date;
var myyear=mydate.getFullYear();
//alert(myyear);
var mymonth=mydate.getMonth()+1;
//alert(mymonth);
var myda=mydate.getDate();
//alert(myda);
var myDa=mydate.getDay();
//alert(myDa);

//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var myarr=scoreStr.split(";");
//alert(score);
var score = new Array();
var summ=0;
for(i=0;i<myarr.length;i++){
      score[i]=parseInt(myarr[i].slice(3));
      summ+=score[i];
}
//alert(summ);
var average=0;
      average=Math.round(summ/myarr.length);
//alert(average);

document.write(myyear+"年"+mymonth+"月"+myda+"日"+" "+"星期"+myDa+"--"+"班级总分为："+average);

</script>
两点：
1、对字符串的函数还是理解的太少了，不知道用什么函数处理可以取得成绩。
2、取得成绩之和和平均数时，定义的变量要初始化，就是var sum=0;
要不然编译器不知道你是什么类型，后面整形赋值时会出现未定义的错误。
查看全部

0 采集收起来源：编程练习
2018-12-14

空空空空空空啊

访问子节点的第一和最后项

一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。

语法：

node.firstChild

说明：与elementNode.childNodes[0]是同样的效果。

二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。

语法：

node.lastChild

说明：与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。

ps:当元素节点与元素节点之间有空格或者换行，默认为他们中间的空格或者换行为文本节点

代码：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="con"><p>javascript</p><div>jQuery</div><h5>PHP</h5>
</div>
<script type="text/javascript">
  var x=document.getElementById("con");
  //访问第一个节点：
   document.write("指定元素的第一个子节点:"+x.firstChild.nodeName+" "+x.firstChild.childNodes[0].nodeValue+" "+x.firstChild.nodeType+"<br/>");
  
  //访问第二个节点：   document.write("指定元素的最后一个子节点:"+x.lastChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType); </script></body></html>

查看全部

0 采集收起来源：访问子节点的第一和最后项

2018-12-14

空空空空空空啊

访问子节点childNodes

访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。

语法：

elementNode.childNodes

输出结果和想的不一样是因为：

l浏览器默认为当元素节点与元素节点之间有空格或者换行则认为他们之间存在一个内容为空的文本节点，所以是7个；

代码：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
  javascript  
  <p>javascript</p>
  <div>jQuery</div>
  <h5>PHP</h5>
</div>
<script type="text/javascript">
 //document.getElementsByTagName("div")[0]:获取网页中第一个div
  var arr=document.getElementsByTagName("div")[0].childNodes;
  document.write("获取第一个DIV的子节点:"+arr[0].nodeValue+"<br/>");
  document.write("获取p的文本节点的值："+arr[1].childNodes[0].nodeValue+"<br/>")
  document.write("===========================================")
  for(var i=0;i<arr.length;i++){
      document.write("子节点的名称:"+arr[i].nodeName+"<br/>"+"子节点的值:"+arr[i].nodevalue+"<br/>"+"子节点的类型:"+arr[i].nodeType+"<br/>");
      document.write("============"+"<br/>");
     
  }// var x=document.getElementsByTagName("div")[0].childNodes;// for(i=0;i<x.length;i++){// document.write("节点类型:"+x[i].nodeName+x[i].nodeType+x[i].nodeValue+"<br>");} </script></body></html>

查看全部

0 采集收起来源：访问子节点childNodes

2018-12-14

空空空空空空啊

节点属性
在文档对象模型 (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
属性节点和文本节点可以理解为元素节点的子节点：
获取文本节点的方法：
第一步获取元素节点的集合:
var arr=document.getElementsByTagName("li");
第二步获取元素节点的子节点：
arr[i].childNodes[0]；
获取属性节点：
第一步获取元素节点的集合：
var arr=document.getElementsByTagName("li");
第二步获取元素节点的属性节点：
arr[i].getAttributeNode("name")；
getAttributeNode("name")：获取属性名称为name的属性节点

查看全部

2 采集收起来源：节点属性
2018-12-14
i丶3课

JS的数组的不同之处：

查看全部

0 采集收起来源：了解成员数量(数组属性length)
2018-12-13
i丶3课

Not name about variable

查看全部

0 采集收起来源：给变量取个名字(变量命名)
2018-12-13
royal_98K

prompt()
输入框，属性有：text（
可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。
）、defaultText（可选。默认的输入文本。）

查看全部

0 采集收起来源：我与你同在(逻辑与操作符）
2018-12-13
royal_98K

"&&”是逻辑与，只有“&&”两边值同时满足(同时为真)，整个表达式值才为真。
逻辑与“A&&B”即为A与B都为true时“A&&B”才为true

查看全部

0 采集收起来源：我与你同在(逻辑与操作符）
2018-12-13
royal_98K

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

查看全部

0 采集收起来源：我与你同在(逻辑与操作符）
2018-12-13
no__

如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

查看全部

0 采集收起来源：字符串分割split()
2018-12-13
FreudLi
语法:
```
arrayObject.sort(方法函数)
```
1.如果不指定<方法函数>，则按unicode码顺序排列。
2.如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。
```
myArray.sort(sortMethod);
```
注意: 该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
1：若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。[ 说明a < b ]
2：若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
3：若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。[ 说明a > b ]

简要之：
方法函数中会比较a与b的大小
返回值<=-1,则为升序排列
返回值>-1&&<1的，则为并列排序
返回值>1的，则是降序排列
查看全部

0 采集收起来源：数组排序sort()
2018-12-13
qq_抢你心房独做真王_0

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>什么是数组</title>
<script type="text/javascript">
var myarr=new Array(); //定义数组
myarr[0]=80;
myarr[1]=60;
myarr[2]=99;
document.write("第一个人的成绩是:"+myarr[0]);
document.write("第二个人的成绩是:"+myarr[1]);
document.write("第三个人的成绩是:"+myarr[2]);
</script>
</head>
<body>
</html>

查看全部

0 采集收起来源：一起组团（什么是数组）
2018-12-13

首页上一页 505 506 507 508 509 510 511 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

访问子节点的第一和最后项

访问子节点childNodes

节点属性