慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕仰0497672

内容选中事件（onselect）
选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序会被执行。

查看全部

0 采集收起来源：内容选中事件（onselect）
2018-03-26
慕仰0497672

onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时，执行被调动的程序。

查看全部

0 采集收起来源：失焦事件（onblur）
2018-03-26
qq_云水边静沐暖阳_04205942

在文档对象模型 (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-03-26
qq_hjk_1

查看全部

0 采集收起来源：数组排序sort()
2018-03-26
大道寺知世

只有父结点才能调用replaceChild(newnode,oldnode).这个方法，所以，要想替换当前结点的内容或者属性，那么首先得获得父节点，才可以操作，这就是oldnode.parentNode.replaceChild(newnode,oldnode); 这句代码的写法。

查看全部

0 采集收起来源：替换元素节点replaceChild()
2018-03-26
大道寺知世

在删除节点同时，content孩子节点的个数和位置也在变化。所以最好删除时正序总删除第一个，倒序总删除最后一个。
可以使用for或while 循环，使用for循环时注意。不要把i<content.childNodes.length做为判断条件，
举例说明，IE下执行，节点个数5个，当我点一次删除按钮。
注意:5个节点分别对应下标是从0开始: 1[0] 2[0] 3[0] 4[0] 5[0] i=0 content.childNodes.length=5 0<5 删除第一个节点后，继续循环 i=1 content.childNodes.length=4 1<4 删除第二个节点后，继续循环 i=2 content.childNodes.length=3 2<3 删除第三个节点后，继续循环 i=3 content.childNodes.length=2 3<2 不成立，所以不继续。这也就是为什么一次删除不了所以节点。可以把上面的代码修改下:
function clearText() {
var content=document.getElementById("content");
nodel=content.childNodes.length
for(i=0;i<nodel;i++)
{
var x=content.removeChild(content.childNodes[0]);
}
}

查看全部

1 采集收起来源：删除节点removeChild()
2018-03-26
艾米之星

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<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");


// 任务1
for(var i=0; i<hobby.length; i++){
hobby[i].checked=true;
}

}
function clearall(){
var hobby = document.getElementsByName("hobby");

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

function checkone(){
var hobby = document.getElementsByName("hobby");
var j=document.getElementById("wb").value;

// 任务3
var i = j-1;
hobby[i].checked=true;


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

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-03-26
淡水狗

区别getElementByID,getElementsByName,getElementsByTagName
以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。
1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。
2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。
3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-03-26
长弓江鸟

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
var date_now =new Date();
var weekday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六",];
document.write(date_now.getFullYear() + "年"
+ (date_now.getMonth()+1) + "月"
+ date_now.getDate() + "日"
+ weekday[date_now.getDay()]);



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

for(var i = 0; i < number_string.length; i++)
{
sum += parseInt(number_string[i].substr(number_string[i].indexOf(":")+1));
}
document.write("班级总分为:" + sum + "<br />");
var average =0;
average = sum / number_string.length;

document.write("班级平均分为：" + Math.round(average));

//从数组中将成绩撮出来，然后求和取整，并输出。


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

查看全部

0 采集收起来源：编程练习
2018-03-25
慕移动5947621

cursor:pointer;指针的类型
display:inline-block;使元素拥有inline行内元素的不独占一行的特性又具有block块状元素可以修改width,height,padding,margin各个属性的值
text-align:center;文本对齐方式--居中

查看全部

0 采集收起来源：编程挑战
2018-03-25
艾米之星

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>

<script type="text/javascript">

//通过javascript的日期对象来得到当前的日期，并输出。
var riQi = new Date();
var weekDay = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
document.write(riQi.getFullYear()+"年"+riQi.getMonth()+"月"+riQi.getDay()+"日"+weekDay[riQi.getDay()]+"<br>");

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

//从数组中将成绩撮出来，然后求和取整，并输出。
var avg = 0;
var sum = 0;
for(var i=0; i<scoreArr.length; i++){
sum = sum+parseInt(scoreArr[i].slice(3,5));
}
svg = sum/parseInt(scoreArr.length);
document.write("和是"+sum+"平均数是"+svg);

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

查看全部

0 采集收起来源：编程练习
2018-03-25
喝咖啡的滑稽
多种方法
查看全部

0 采集收起来源：删除节点removeChild()
2018-03-25
慕尼苏苏
```
var num1 = 123;       // 123是数值
var num2 = "一二三";   //"一二三"是字符串
var num3=true;   //布尔值true（真），false(假)
```
其中，num1变量存储的内容是数值；num2变量存储的内容是字符串，字符串需要用一对引号""括起来，num3变量存储的内容是布尔值(true、false)。
字符串需要用“”，其他不用。
查看全部

0 采集收起来源：多样化的我(变量赋值）
2018-03-25
柒末雪4424067

onclick |鼠标单击事件<br> onmouseover |鼠标经过事件<br> onmouseout |鼠标移开事件<br> onchange |文本框内容改变事件<br> onselect |文本框被选中事件<br> onfocus |贯标聚集<br> onblur |光标离开<br> onload |网页导入<br> onunload |关闭网页

查看全部

0 采集收起来源：什么是事件
2018-03-25
慕移动5947621

弄了很久，还是要再努力啊

查看全部

1 采集收起来源：编程练习
2018-03-25

首页上一页 882 883 884 885 886 887 888 下一页尾页

0/150

提交

取消

开始学习

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

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