慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

小鲤鱼听听

body相对于html有一个默认的margin 8px
documentElement.offsetHeight 在chrome中是html文档大小，对应html的高度，为8px（由于默认margin的存在）(由于body高度为0，margin-top与margin-bottom重合）
body.offsetHeight在chrome中是body文档大小，对应body的高度，由于无内容，body为0px
offsetHeight = documentElement.offsetHeight || body.offsetHeight = 8 || 0 = 8 px
（注意，这里不是或运算，而是逻辑短路。这也就意味着如果documentElement.offsetHeight不为0，其结果就是documentElement.offsetHeight，否则为body.offsetHeight。）
这就是为什么offsetHeight会变成8px。经过测试，如果在中间添加一个有height的div，documentElement.offsetHeight会比body.offsetHeight大16。（margin-top+margin-bottom）

而documentElement.clientHeight与documentElement.scrollHeight在chrome中都是视口大小。。。
body.clientHeight与body.scrollHeight都是body的文档大小，为0px

宽度同理，但由于宽度默认是100%的，所以一开始就有16px的差值。由于或运算的存在，最后得到的都是documentElement.offsetHeight，也就是视口大小，在你这里就是370px，而body.offsetHeight应该为370px-16px=354px。在这里 Width = 370 || 354 = 370.

以上只针对chrome，其他内核的浏览器如火狐，IE8是不同的，请自行测试。

查看全部

0 采集收起来源：网页尺寸offsetHeight
2018-08-09
Ap10043知行合一

先赋值再操作，原来的值不变。例如：numa=numa++ 等同于 numa = numa ; numa++

查看全部

0 采集收起来源：自加一，自减一 ( ++和- -)
2018-08-09
陪你看夜艳繁华

1.关于计算

查看全部

0 采集收起来源：向下取整floor()
2018-08-09
少玩丶哟西

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置

查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2018-08-09
少玩丶哟西

一个空格也算一个字符

查看全部

0 采集收起来源：返回指定位置的字符
2018-08-09
昵称是四声

<li>是元素节点而不是文本节点，它的value是undefind或者null

查看全部

0 采集收起来源：访问父节点parentNode
2018-08-09
小鲤鱼听听

这一节有疑问。

查看全部

0 采集收起来源：创建元素节点createElement
2018-08-09
慕九州8576440

定义一个数组：var array = new Array();
注意此数组可以是二维，也可以是一维。

查看全部

0 采集收起来源：编程练习
2018-08-09
慕九州8576440

定义一个二维数组：
var info=
[
['小A','女',21,'大一'],
['小B','男',23,'大三'],
['小C','男',24,'大四'],
['小D','女',21,'大一'],
['小E','女',22,'大四'],
['小F','男',21,'大一'],
['小G','女',22,'大二'],
['小H','女',20,'大三'],
['小I','女',20,'大一'],
['小J','男',20,'大三'],
]

查看全部

0 采集收起来源：编程练习
2018-08-09
最爱是雪碧_球球

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

<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>
<a href="javascript:replaceMessage()"> 将加粗改为斜体</a>
<script type="text/javascript">
function replaceMessage(){
//先获取这个节点
var a=document.getElementById("oldnode");
//创建节点i，并赋值
var b=document.createElement("i");
b.innerHTML="JavaScript";
//将新建的节点插入到节点的前面
a.parentNode.insertBefore(b,a);
//b节点替换a节点
a.parentNode.replaceChild(b,a);

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

查看全部

0 采集收起来源：插入节点insertBefore()
2018-08-09
域若兮
不懂
访问兄弟节点
1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.nextSibling
```
说明：如果无此节点，则该属性返回 null。
2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.previousSibling
```
说明：如果无此节点，则该属性返回 null。
注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。
查看全部

0 采集收起来源：访问兄弟节点
2018-08-09
域若兮

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

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2018-08-09
慕九州8576440

while(条件）
{
}
循环

查看全部

0 采集收起来源：退出循环break
2018-08-09
域若兮
createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。
语法：
```
document.createTextNode(data)
```
参数：
data : 字符串值，可规定此节点的文本。
查看全部

0 采集收起来源：创建文本节点createTextNode
2018-08-09
陪你看夜艳繁华

1.使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写;
2.使用toLowerCase()方法，将字符串所有大写字母都变成小写的字符串

查看全部

0 采集收起来源： String 字符串对象
2018-08-09

首页上一页 659 660 661 662 663 664 665 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

访问兄弟节点