本文详细介绍了BOM（浏览器对象模型）和DOM（文档对象模型）的基础知识，包括window对象的重要属性如location、history等，以及事件驱动模式的冒泡与捕获。此外还讲解了如何使用DOM实现网页的动态变化，并简述了CSS的定义方式。
最基础的核心功能 如运算符(+-*/等) 控制流程语句(if,for,while等) 等等我就不说了. 这是最最基本的知识.
BOM知识
BOM Browser Object Model 浏览器对象模型.
window对象是BOM最重要的对象. 我们可以简单的把一个IE窗口理解为一个window对象.
- window.location
- window.history
- window.screen
- window.document
这个是我们最常用的
事件
其实挺简单的,但要记住事件的驱动有两模式, "冒泡"与"捕获"
- 冒泡: 激活顺序是事件从它(事件)触发点开始向上层逐级冒泡(触活)直至document(上面所说的window.document)为止.
- 捕获: 激活顺序与冒泡相反,事伯从第一层(document)逐级向下直止找到最终的事件激活目标.
上面两个概念看过去是麻烦,我们只要记住一般都用"冒泡"就可以了.
DOM
DOM Document Object Model 文档对象模型.
我非常喜欢这个功能(模型), 因为她实现了WEB界面的千变万化.(个人想法)
window.document 就是DOM要操作的对象, DOM把document内的节点(<head><title><body><form><table><div>等等)分析成为一棵文档结构树.然后我们就可以对这棵树进行增加,修改,删除. 对这棵树里各节点的各种属性同样进行增加,修改,删除. 比如绑定CSS的class属性. 通过这些操作,一个HTML的展显就完全在我们控制当中. 我们可以动态的增加节点(比如<tr>,<div>等),也可以在运行中控制节点是否可见(display:none)等等..
CSS方面
CSS Cascading Style Sheet 层叠样式表单
如果说HTML是骨架和肉体,JavaScript是思想与行为的话,那CSS就是衣服.
定义CSS
三种
- 节点名 {各种样式属性} 如: p{} 作用范围:所有p节点, body{} 整个body节点, table{} 各所table节点
- #节点ID名 {各种样式属性} 如: #myID{} 作用范围 ID为"newNode"的节点.(只要ID为"newNode"就符合要求)
- .样式名 {各种样式属性} 如: .newStyle{} 作用范围 所有元素(节点)的class属性包含了该样式名("newStyle")的节点
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
