慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

qq_CY霏_0

一、nodeName 属性: 节点的名称，是只读的。
1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document
二、nodeValue 属性：节点的值
1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值
元素类型节点类型
元素 1
属性 2
文本 3
注释 8
文档 9

查看全部

0 采集收起来源：节点属性
2019-03-28
qq_白首不相离_8
screen对象用于获取用户的屏幕信息。
语法：
```
window.screen.属性
```
对象属性:
查看全部

0 采集收起来源：screen对象
2019-03-28
qq_白首不相离_8

Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。
对象属性:

查看全部

0 采集收起来源：Navigator对象
2019-03-28
拙搽


<p id="one">操作成功</p>
<p id="two"><span id="three">5</span>秒后回到主页<a id="four" href="javascript:back();">返回</a></p>

<script type="text/javascript">

//获取显示秒数的元素，通过定时器来更改秒数。
var time=document.getElementById("three").innerHTML;
function startTime(){
time--;
document.getElementById("three").innerHTML=time;
if(time==0){
location.assign("www.imooc.com");
}
}
setInterval(startTime,1000);
//通过window的location和history对象来控制网页的跳转。
function back(){
window.history.back();
}

查看全部

0 采集收起来源：编程练习
2019-03-28
qq_慕田峪7259526

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实践题 - 选项卡</title>
<style type="text/css">
/* CSS样式制作 */
ul li{
display:inline-block;
list-style:none;
padding:4px 20px;
border:1px #ccc solid;
border-bottom:0px;
cursor:pointer;
}
.li-on{
border-bottom:2px #fff solid;
}
.mainInfo{
margin-top:-18px;
z-index:-1;
border:1px #ccc solid;
border-top:2px #ff0088 solid;
word-wrap:break-all;
white-space:normal;
}
.yingChang{
display:none;
}
</style>
<script type="text/javascript">

// JS实现选项卡切换
window.onload=function(){
var dom=document.getElementsByTagName('li');
var dom2=document.getElementsByClassName('mainInfo');
for(var i = 0;i<dom.length;i++){
(function(i){
dom[i].onclick =function(){
for(var j=0;j< dom[i].parentNode.children.length;j++){
dom[i].parentNode.children[j].classList.remove('li-on');
dom2[j].classList.add('yingChang');
}
dom[i].classList.add('li-on');
dom2[i].classList.remove('yingChang');
}
})(i);

}

}

</script>

</head>
<body>

<ul>
<li class="li-on">房产</li>
<li>家居</li>
<li>二手房</li>
</ul>
<div class="mainInfo yingChang">
275万购昌平邻铁三居总价20万买一居<br>
200万内购五环三居 140万安家东三环<br>
北京首现零首付楼盘 53万购东5环50平<br>
京楼盘直降5000 中信府公园楼王现房<br>
</div>
<div class="mainInfo yingChang">
40平出租屋大改造美少女的混搭小窝<br>
经典清新简欧爱家 90平老房焕发新生<br>
新中式的酷色温情 66平撞色活泼家居<br>
瓷砖就像选好老婆卫生间烟道的设计<br>
</div>
<div class="mainInfo">
通州豪华3居260万二环稀缺2居250w甩<br>
西3环通透2居290万 130万2居限量抢购<br>
黄城根小学学区仅260万 121平70万抛!<br>
独家别墅280万苏州桥2居优惠价248万<br>
</div>
</body>
</html>

查看全部

0 采集收起来源：编程挑战
2019-03-28
weixin_慕九州8207573

var int= setInterval(clock,50);
shi: fen: miao:
attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();

查看全部

0 采集收起来源：计时器setInterval()
2019-03-28
qq_慕后端1241754

计时器
<script type="text/javascript">
var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",1000);
}
function stopCount(){
clearTimeout(i);
}
<form>
<input type="text" id="count" />
<input type="button" value="Start" onClick="startCount()" />
<input type="button" value="Stop" onClick="stopCount()" />
</form>

查看全部

0 采集收起来源：取消计时器clearTimeout()
2019-03-28
qq_masaki_

数组方法：

查看全部

0 采集收起来源： Array 数组对象
2019-03-28
慕的地1399819

事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。
2. 此节的加载页面，可理解为打开一个新页面时。
如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。

查看全部

0 采集收起来源：加载事件（onload）
2019-03-28
慕的地1399819

主要事件表:

查看全部

0 采集收起来源：什么是事件
2019-03-28
qq_CY霏_0

window对象方法：

查看全部

0 采集收起来源：window对象
2019-03-28
soooooooooon
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
function gb(){
var num1=document.getElementById("con");
num1.style.color="red";
num1.style.backgroundColor="#ccc";
num1.style.display=block;
}
</script>
<input type="button" onclick="gb()" value="样式改变">
</body>
</html>
查看全部

0 采集收起来源：认识DOM
2019-03-28
qq_CY霏_0

该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。
若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。

查看全部

0 采集收起来源：数组排序sort()
2019-03-28
qq_CY霏_0

颠倒数组元素顺序reverse(
该方法会改变原来的数组，而不会创建新的数组。

查看全部

0 采集收起来源：颠倒数组元素顺序reverse()
2019-03-28
qq_CY霏_0

数组方法：

查看全部

0 采集收起来源： Array 数组对象
2019-03-28