慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

虫二牛

setInterval()从载入页面每隔指定的实践执行代码，返回一个可以传递给clearInterval()从而取消对“代码”的周期性执行的值
用法：setInterval(代码，交互时间)
参数：代码必须，要调用的函数或要执行的代码
交互时间必须，周期执行或调用表达式之间的实践间隔，以ms为单位

查看全部

0 采集收起来源：计时器setInterval()
2018-05-12
夏北北_

当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
注意：不同浏览器对onunload事件支持不同。

查看全部

0 采集收起来源：卸载事件（onunload）
2018-05-11
夏北北_

改变文本框的内容来触发onchange事件

查看全部

0 采集收起来源：文本框内容改变事件（onchange）
2018-05-11
夏北北_

内容选中事件（onselect）

查看全部

0 采集收起来源：内容选中事件（onselect）
2018-05-11
qq_贝壳_5

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实践题 - 选项卡</title>
<style type="text/css">
/* CSS样式制作 */
*{margin:0;padding:0;font:normal 12px "微软雅黑";color:#000000;}
ul{list-style-type: none;}
a{text-decoration: none;}

#tab-list{width: 275px;height:190px;margin: 20px auto;}

#ul1{border-bottom: 2px solid #8B4513;height: 32px;}
#ul1 li{display: inline-block;width: 60px;line-height: 30px;text-align: center;border: 1px solid #999;border-bottom: none;margin-left: 5px;}
#ul1 li:hover{cursor: pointer;}
#ul1 li.active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}

#tab-list div{border: 1px solid #7396B8;border-top: none;}
#tab-list div li{height: 30px;line-height: 30px;text-indent: 8px;}

.show{display: block;}.hide{display: none;}
</style>
<script type="text/javascript">

window.onload = function() {
var oUl1 = document.getElementById("ul1");
var aLi = oUl1.getElementsByTagName("li");
var oDiv = document.getElementById("tab-list");
var aDiv = oDiv.getElementsByTagName("div");
for(var i = 0; i < aLi.length; i++) {
aLi[i].index = i;
aLi[i].onmouseover = function() {
for(var i = 0; i < aLi.length; i++) {
aLi[i].className = "";
}
this.className = "active";
for(var j = 0; j < aDiv.length; j++) {
aDiv[j].className = "hide";
}
aDiv[this.index].className = "show";
}
}
}


</script>

</head>
<body>

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

</body>
</html>

查看全部

0 采集收起来源：编程挑战
2018-05-11

慕粉2122199958

多重判断（if..else嵌套语句）

要在多组语句中选择一组来执行，使用if..else嵌套语句。

语法:

if(条件1) 
{ 条件1成立时执行的代码}
 else  if(条件2) 
 { 条件2成立时执行的代码} 
 ... 
 else  if(条件n) 
 { 条件n成立时执行的代码} 
 else 
 { 条件1、2至n不成立时执行的代码}

查看全部

0 采集收起来源：多重判断（if..else嵌套语句）

2018-05-11

慕婉清4473180

BOM:Browser Object Model，浏览器对象模型。
DOM:Document Object Mode，文档对象模型。

查看全部

1 采集收起来源：window对象
2018-05-11

夏北北_

二维数组定义方法一：
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
   }
 }
 二维数组定义方法二：
 var myarr  = [[0,1,2],[1,2,3]]

查看全部

0 采集收起来源：二维数组

2018-05-11

夏北北_

1.创建的新数组是空数组，没有值，如输出，则显示undefined。
2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。

查看全部

0 采集收起来源：组团，并给团取个名（如何创建数组）
2018-05-11
dongm_0303

节点属性
在文档对象模型 (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 采集收起来源：节点属性
2018-05-11
夏北北_

算术操作符比较操作符逻辑操作符 "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2018-05-11
虫二牛

slice()从已有数组返回选定的元素，返回一个新数组
用法：arrayObject.slice(start,end)
含义，返回一个新的数组，包含从start到end（不包括）的元素

查看全部

0 采集收起来源：选定元素slice()
2018-05-10
CJX5

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">

//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos=
[
["小A","女",21,"大一"],
["小B","男",23,"大三"],
["小C","男",24,"大四"],
["小D","女",21,"大一"],
["小E","女",22,"大四"],
["小F","男",21,"大一"],
["小G","女",22,"大二"],
["小H","女",20,"大三"],
["小I","女",20,"大一"],
["小J","男",20,"大三"]
];
//第一次筛选，找出都是大一的信息
imax=infos.length;
for(i=0;i<= imax;i++){
if(infos[i][1]=="男"){
document.write(infos[i][0]+"<br>");
}
}

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

</script>
</head>
<body>
</body>
</html>
//这个还不太会

查看全部

0 采集收起来源：编程练习
2018-05-10
Vayne丿milk

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<form>
请选择你爱好:<br>
<input type="checkbox" name="hobby" id="hobby1"> 音乐
<input type="checkbox" name="hobby" id="hobby2"> 登山
<input type="checkbox" name="hobby" id="hobby3"> 游泳
<input type="checkbox" name="hobby" id="hobby4"> 阅读
<input type="checkbox" name="hobby" id="hobby5"> 打球
<input type="checkbox" name="hobby" id="hobby6"> 跑步 <br>
<input type="button" value = "全选" onclick = "checkall();">
<input type="button" value = "全不选" onclick = "clearall();">
<p>请输入您要选择爱好的序号，序号为1-6:</p>
<input id="wb" name="wb" type="text" >
<input name="ok" type="button" value="确定" onclick = "checkone();">
</form>
<script type="text/javascript">
function checkall(){
var hobby = document.getElementsByTagName("input");
for(i = 0 ; i< hobby.length;i++)
{
hobby[i].checked = true;
}
// 任务1

}
function clearall(){
var hobby = document.getElementsByName("hobby");
for(i = 0;i< hobby.length;i++)
{
hobby[i].checked = false;
}
// 任务2

}

function checkone(){

var hobby = document.getElementsByName("hobby");
var j=document.getElementById("wb").value;
if(j<1||j>6){
alert("越界,请重新输入！");
document.getElementById("wb").value="";
hobby[i].checked = false;
}

for(var n=0;n<j.length;n++){

hobby[(j.charAt(n))-1].checked=true;
}
}

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

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-05-10
旋转木马丿

查看全部

0 采集收起来源：插入节点appendChild()
2018-05-10

首页上一页 807 808 809 810 811 812 813 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

内容选中事件（onselect）

多重判断（if..else嵌套语句）