JavaScript基础概念理解

来源：互联网发布：电商大数据书编辑：程序博客网时间：2024/04/30 10:37

最基础的核心功能如运算符(+-*/等) 控制流程语句(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")的节点