慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

昼夕

++a是先自增再执行表达式，执行表达式时使用的是自增后的a;
a++是先执行表达式后再自增，执行表达式时使用的是a的原值,下一行代码才会改变。

查看全部

2 采集收起来源：编程练习
2019-02-06
昼夕

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

查看全部

1 采集收起来源：保持先后顺序(操作符优先级）
2019-02-06
朱鸿灿
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-02-06
朱鸿灿
```
elementNode.setAttribute(name,value)
```
和 getAttribute()一样是有两个值的一个是name 一个是value name就是要获取的属性 value是修改的值
查看全部

0 采集收起来源：setAttribute()方法
2019-02-06
朱鸿灿

getAttribute()方法用于通过元素节点获取相对属性的值
但是在这之前要用getElemntById来获取要获取的对象

查看全部

0 采集收起来源：getAttribute()方法
2019-02-06
朱鸿灿

1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。
2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。
3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。
这三句话分别解释了 ID ByName TagName

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2019-02-06
朱鸿灿

getElementById 返回id
getElementsByName 返回多少个使用同一个Name
getElementsByTagName 返回有多少个标签数

查看全部

0 采集收起来源：getElementsByTagName()方法
2019-02-06
朱鸿灿

getElementBysName("")
用于返回指定名称的节点对象集合
就是有对象用这个多少个Name 就会返回

查看全部

0 采集收起来源：getElementsByName()方法
2019-02-06
朱鸿灿

在JS里设置样式就是先用document.getElementById获取
然后再用
变量名.style.属性来修改

查看全部

0 采集收起来源：认识DOM
2019-02-06
qq_风弑逝_03188069

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
var oTxt1 = document.getElementById("txt1").value;
//获取第一个输入框的值
var oTxt2 = document.getElementById("txt2").value;
//获取第二个输入框的值
var oSe = document.getElementById("select").value;
var result;
oTxt1 = parseInt(oTxt1);
oTxt2 = parseInt(oTxt2);
//获取选择框的值
switch(oSe)
{
case "+":
result = oTxt1 + oTxt2;
break;
case "-":
result = oTxt1 - oTxt2;
break;
case "*":
result = oTxt1 * oTxt2;
break;
default:
result = oTxt1 / oTxt2;

}
//获取通过下拉框来选择的值来改变加减乘除的运算法则
//设置结果输入框的值
document.getElementById("fruit").value = result;
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()" /> 
<input type='text' id='fruit' />
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-02-06
朱鸿灿

这个是多少秒返回上一页的代码用于操作成功之类的网页
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>

<h4>操作成功</h4>
<span id="secen">5</span><span>秒后返回到主页</span>&nbsp<a href="javascript:back();">返回</a>



<script type="text/javascript">
var time1 = document.getElementById("secen").innerHTML;

//获取显示秒数的元素，通过定时器来更改秒数。
function clock()
{
time1--;
document.getElementById("secen").innerHTML=time1;
if(time1==0)
{
location.assign("www.imooc.com");
}
}
setInterval("clock()",1000);
function back()
{
window.history.back();
}
</script>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-02-05
qq_风弑逝_03188069

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
//十行四列的二维数组
var infos = [
["小A","女","21","大一"],
["小B","男","23","大三"],
["小C","男","24","大四"],
["小D","女","22","大四"],
["小E","男","21","大一"],
["小F","女","22","大二"],
["小G","女","22","大二"],
["小H","女","20","大三"],
["小I","女","20","大一"],
["小J","男","20","大三"]
];
//第一步把之前的数据写成一个数组的形式,定义变量为 infos
for(var i = 0;i < infos.length; i++)
{
if(infos[i][3] === "大三" && infos[i][1] === "女"){
document.write(infos[i][0] + "<br>");
}
}

//第一次筛选，找出都是大一的信息

//第二次筛选，找出都是女生的信息

// var infos = [
// ['小A','女',21,'大一'],
// ['小B','男',23,'大三'],
// ['小C','男',24,'大四'],
// ['小C','男',24,'大四'],
// ['小D','女',21,'大一'],
// ['小E','女',22,'大四'],
// ['小F','男',21,'大一'],
// ['小G','女',22,'大二'],
// ['小H','女',20,'大三'],
// ['小I','女',20,'大一'],
// ['小J','男',20,'大三']
// ];
// for(var i = 0; i < infos.length; i++) {
// if(infos[i][3] === "大一" && infos[i][1] === "女") {
// document.write(infos[i][0] + "<br />");
// }
// }

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

查看全部

0 采集收起来源：编程练习
2019-02-05
朱鸿灿
```
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>");
}
这个是代码
查看全部

0 采集收起来源：userAgent
2019-02-05
朱鸿灿

window.locaton.href 是返回当前的网页的整个地址
location对象用于获取或者设置窗体的URL，并且可以用于解析URL。

查看全部

0 采集收起来源：Location对象
2019-02-05
qq_风弑逝_03188069

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>数组</title>
<script type="text/javascript">
//创建数组
var arr = ['*','##',"***","&&","****","##*"];

//显示数组长度
alert("数组的长度为：" +arr.length)
//将数组内容输出，完成达到的效果。
document.write("图形为：" + "<br>" +arr[0]+"<br>"+arr[2]+"<br>"+arr[4]+"<br>")

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

查看全部

0 采集收起来源：编程练习
2019-02-05

首页上一页 468 469 470 471 472 473 474 下一页尾页

0/150

提交

取消

开始学习

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

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