DOM(文档对象模型)是一套对文档的内容进行抽象和概念化的方法。
BOM(浏览器对象模型)
js位置
- <head>标签中的<script>标签之间
- 存为拓展名为.js的独立文件
- <script>标签放到HTML文档的最后,</body>标签之前,这样最好,能够更快的加载页面
Javascript是解释型语言,不需要编译器,仅需要解释器
js是一种弱类型语言,可以在任何阶段改变变量的数据类型,申明变量都用var。
基本数据类型
Undefined
Null
Boolean
Number
String
复杂数据类型
object
节点
- 元素节点
- 文本节点
- 属性节点
获取元素
getElementById
getElementsByTagName
getElementsByClassName
设置属性
getAttribute
setAttribute
事件处理函数
onmouseover
onmouseout
onclick
BOM基础
window.onload
childNodes属性
firstChild
lastChild
nodeType属性
nodeValue属性
平稳退化
渐进增强
分离JavaScript
向后兼容:对象检测
性能优化
- 减少访问DOM和减少标记,例如:把一次搜索的结果保存到变量中
- 合并和放置脚本,合并多个js文件,吧<script>标签放到文档末尾,</body>标记之前
- 压缩脚本