Javascript 学习 笔记四
来源:互联网 发布:音频矩阵的作用 编辑:程序博客网 时间:2024/05/01 01:39
1、children和childNodes(参考:JavaScript中Element与Node的区别,children与childNodes的区别 children和childNodes)
Node(节点)是DOM层次结构中的任何类型的对象的通用名称,Node有很多类型,如元素节点,属性节点,文本节点,注释节点等,通过NodeType区分,常见的有:
更多节点类型参考:https://developer.mozilla.org/en-US/docs/DOM/Node.nodeType?redirectlocale=en-US&redirectslug=nodeType
Element继承了Node类,也就是说Element是Node多种类型中的一种,即当NodeType为1时Node即为ElementNode,另外Element扩展了Node,Element拥有id、class、children等属性。
以上就是Element跟Node的区别。
childNodes 属性,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。
有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的支持情况:
IE6/7/8/Safari/Chrome/OperaIE9/FirefoxchildNodes(i)支持不支持
children 属性,它返回指定元素的子元素集合。经测试,它只返回HTML节点,甚至不返回文本节点。且在所有浏览器下表现惊人的一致
。
2、document.body.scrollTop or document.documentElement.scrollTop(参考:点击打开链接)
在Firefox或Chrome浏览器的控制台可以查看document.body 对应于页面中 <body></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对象。
<script type="text/javascript"> function showDiv(event) { var event = window.event || event; event.clientX; event.clientY; } </script>
5、真假值
在javascript中,数据类型可以分为“真值”和“假值”。顾名思义,真值转换为bool时值为true;假值转换为bool时值为false。
下表罗列了一些常见的数据类型转换为bool时的值:
数据类型转换为bool后的值nullFALSEundefinedFALSEObjectTRUEfunctionTRUE0FALSE1TRUE0、1之外的数字TRUE字符串TRUE""(空字符串)FALSE6、&&与||
在javascript中,“&&”运算符运算法则如下:如果&&左侧表达式的值为真值,则返回右侧表达式的值;否则返回左侧表达式的值。
“||”运算符的运算法则如下:
如果||左侧表达式的值为真值,则返回左侧表达式的值;否则返回右侧表达式的值。
作者:jiankunking 出处:http://blog.csdn.net/jiankunking
- Javascript 学习 笔记四
- JavaScript学习笔记四
- JavaScript学习笔记----------(四)
- JavaScript学习笔记(四)
- javascript 学习笔记(四)
- JavaScript学习笔记(四)
- JavaScript学习笔记(四)
- Javascript学习笔记(四)
- JavaScript学习笔记(四)
- JavaScript学习笔记(四)
- javascript学习笔记之四
- javaScript学习笔记(四)
- JavaScript学习笔记四:对象
- FCC学习笔记-(四) Javascript
- JAVASCRIPT学习笔记基础(四)
- JavaScript 简单入门学习笔记(四)
- JavaScript学习笔记(四)DOM
- JavaScript 学习笔记 四 this指针
- MFC的消息处理机制及相关的宏
- .net面试问答(大汇总)
- SaaS系列介绍之十三: SaaS系统体系架构
- 推广一下新Blog www.hrwhisper.me
- CoreData简单使用
- Javascript 学习 笔记四
- 最大后验估计(MAP)
- WinPcap笔记(7):分析数据包(1)
- Object-C的协议(protocol)学习小结
- item 5: 比起显式的类型声明,更偏爱auto
- 学习Scala第一篇-从hello World开始
- sublime Text文本编辑器在python环境下控制台输不出中文
- html5中的progress兼容ie,制作进度条样式
- linux 安装redis