日期:2014-05-16  浏览次数:20367 次

JavaScript笔记(3)
BOM  浏览器对象模型。(对象的具体属性和方法的使用,查看帮助文档)。
1.核心对象 window 对象,表示浏览器的一个实例。

2.location 对象,提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。

3.history 对象,浏览器历史记录

4.navigator 对象,包含有关浏览器的信息。
  IE 浏览器没有插件,但提供了 ActiveX 控件。
  ActiveX 控件一种在 Web 页面中嵌入对象或组件的方法。

5.frame 对象,


DOM 文档对象模型。
加载 HTML 页面时,Web 浏览器生成一个树型结构,用来表示页面内部结构。 DOM 将这种树型结构理解为由节点组成。
实用的属性:
document.getElementById('box').id; //元素节点的 id 名称
.tagName; //获取元素节点的标签名
.innerHTML; //获取元素节点里的内容
.className; //CSS 元素的类
.style; //CSS 内联样式属性值

实用的方法:
getElementsByName()方法可以获取相同名称(name)的元素,返回一个对象数组。
.getElementsByName('add')[0].value; //获取 input 元素的 value 值
.getElementsByName('add')[0].checked; //获取 input 元素的 checked 值


DOM 节点(练习查询和操作节点)

鼠标事件
document.onkeydown = function (evt) {
   alert(evt.keyCode); //按任意键,得到相应的 keyCode
};