慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕仰5167746

<!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(var i = 0; i < hobby.length; i++){
hobby[i].checked = true;
}
// 任务1

}
function clearall(){
var hobby = document.getElementsByName("hobby");
for(var 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.length > 6 || j.length < 1){
alert("您输入的数值超过了6");
}
else{
for(var m = 0; m < j.length; m++){
hobby[parseInt(j[m]-1)].checked = "true";
}
}

// 任务3

}

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

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-07-27
qq_橘子蛮_0

网页卷去的距离与偏移量：

scrollLeft：设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容
scrollTop：设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容
offsetLeft：获取指定对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置
offsetTop：获取指定对象相对于版面或由offsetParent属性指定的父坐标的计算顶端位置
注意：区分大小写
offsetParent：布局中设置postion属性（Relative、Absolute、fixed）的父容器，从最近的父节点开始，一层层向上找，直到HTML的body

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2018-07-27
qq_橘子蛮_0

offsetHeight、offsetWidth，获取网页内容高度和宽度（包括滚动条等边线，会随窗口的显示大小改变）
一、值
offsetHeight=clientHeight+滚动条+边框

查看全部

0 采集收起来源：网页尺寸offsetHeight
2018-07-27
qq_橘子蛮_0

scrollHeight、scrollWidth——获取网页内容高度和宽度
一、针对IE、opera
scrollHeight是网页内容实际高度，可以小于clientHeight
二、针对NS、FF：
scrollHeight是网页内容高度，不过最小值是clientHeight，也就是说网页内容实际高度小于clientHeight时，scrollHeight返回clientHeight

查看全部

0 采集收起来源：网页尺寸scrollHeight
2018-07-27
慕婉清747625

111111112222222222333333333

查看全部

0 采集收起来源： Array 数组对象
2018-07-27
qq_橘子蛮_0

浏览器窗口可视区域大小——获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法：
一、对IE9+、chrome、Firefox、opera以及Safari：
* window.innerHeight-浏览器窗口的内部高度
* window.innerWidth-浏览器窗口的内部宽度
二、对于Internet Explorer 8、7、6、5：
* document.documentElement.clientHeight表示HTML文档所在窗口的当前高度
* document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度
或者
Document对象的body属性对应HTML文档的<body>标签
* document.body.clientHeight
*document.body.clientWidth

查看全部

0 采集收起来源：浏览器窗口可视区域大小
2018-07-27
qq_橘子蛮_0

createTexNode()——创建文本节点，返回新创建的Text节点
document.createTexNode(data)
data：字符串值，可规定此节点的文本

查看全部

0 采集收起来源：创建文本节点createTextNode
2018-07-27
qq_橘子蛮_0

createElement()——创建元素节点，可返回一个Element对象
注意：要与appendChind()或insertBefore()方法联合使用，将元素显示在页面中

查看全部

0 采集收起来源：创建元素节点createElement
2018-07-27
慕仰5167746

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>

<p >操作成功</p>

<span id="a">5</span>秒后返回主页<a href="javascript:back();">返回</a>
<script type="text/javascript">

//获取显示秒数的元素，通过定时器来更改秒数。
var num = 5;
function b(){
document.getElementById("a").innerHTML=num;
num--;
//document.write(num);
if(num == 0){
window.location.href="https://www.imooc.com/";
}
}
var i = setInterval("b()",1000);
function back(){
history.forward();
}
//通过window的location和history对象来控制网页的跳转。

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

查看全部

0 采集收起来源：编程练习
2018-07-27
qq_橘子蛮_0

替换元素节点replaceChild()——是实现子节点（对象）的替换，返回被替换对象的引用
x.replaceChild(newnode ,oldnew)
注意：1、当oldnode被替换时，所有与之相关的属性内容都将被移除
2、newnode必须先被建立

查看全部

0 采集收起来源：替换元素节点replaceChild()
2018-07-27
棒棒啦

for循环的变量可以声明在循环体里，适用于循环体已知的循环
while要在循环体外声明一个全局变量用于判断，适用于循环体未知的循环

查看全部

0 采集收起来源：反反复复(while循环)
2018-07-27
qq_橘子蛮_0

删除节点——从子节点列表中删除某个节点，如删除成功，此方法可返回被删除的节点，如失败则返回null
x.removeChild(node 指定需要删除的节点)

查看全部

0 采集收起来源：删除节点removeChild()
2018-07-27
qq_橘子蛮_0
插入节点insertBefore()——可在已有的子节点前插入一个新的子节点
insertBefore(newnode 要插入的新节点，node指定此节点前插入节点)

运行结果：
```
This is a new p
JavaScript
HTML
```
查看全部

0 采集收起来源：插入节点insertBefore()
2018-07-27
qq_橘子蛮_0

插入节点appendChild()——在指定节点的最后一个子节点列表之后添加一个新的子节点

查看全部

0 采集收起来源：插入节点appendChild()
2018-07-27
RealOsan

<(￣︶￣)[GO!]

查看全部

0 采集收起来源：什么是事件
2018-07-27

首页上一页 680 681 682 683 684 685 686 下一页尾页

0/150

提交

取消

开始学习

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

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