Javascript 学习 笔记四

Javascript 学习 笔记四

1、children和childNodes（参考：JavaScript中Element与Node的区别，children与childNodes的区别 children和childNodes）

Node(节点)是DOM层次结构中的任何类型的对象的通用名称，Node有很多类型，如元素节点，属性节点，文本节点，注释节点等，通过NodeType区分，常见的有：

更多节点类型参考：​​属性，它返回指定元素的子元素集合，包括HTML节点，所有属性，文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，2是属性节点，3是文本节点。

有些人错误的使用()去取该集合元素，下表列出各浏览器对childNodes(i)的支持情况：

children 属性，它返回指定元素的子元素集合。经测试，它只返回HTML节点，甚至不返回文本节点。且在所有浏览器下表现惊人的一致

。

用Javascript获取DOM节点相对于页面的绝对坐标时，需要计算当前页面的滚动距离，而这个值的获取又取决于浏览器。在Firefox或Chrome浏览器的控制台可以查看document.body 对应于页面中 部分的元素，而document.documentElement则相当于整个HTML，说明浏览器在解释渲染后的页面位置范围是存在不同的，FF、Opera和IE浏览器认为在客户端浏览器展示的页面的内容对应于整个HTML，所以使用document.documentElement来代表，相应的滚动距离则通过document.documentElement.scrollLeft 和 document.documentElement.scrollTop来获取，而Safari和Chrome浏览器则认为页面开始于body部分，从而相应的滚动距离用document.body.scrollLeft 和 document.body.scrollTop来获取。另外需要注意的是，FF和IE的quirks mode（兼容模式）下是用document.body来获取的。

3、Document 对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

4、Event 对象

Js event事件在IE、FF兼容性问题

IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。

5、真假值

在javascript中，数据类型可以分为“真值”和“假值”。顾名思义，真值转换为bool时值为true；假值转换为bool时值为false。

下表罗列了一些常见的数据类型转换为bool时的值：

6、&&与||

在javascript中，“&&”运算符运算法则如下：

如果&&左侧表达式的值为真值，则返回右侧表达式的值；否则返回左侧表达式的值。

“||”运算符的运算法则如下： 如果||左侧表达式的值为真值，则返回左侧表达式的值；否则返回右侧表达式的值。

作者：jiankunking ​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。