[color=blue]BOM[/color] 浏览器对象模型。(对象的具体属性和方法的使用,查看帮助文档)。
1.核心对象 window 对象,表示浏览器的一个实例。
2.location 对象,提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。
3.history 对象,浏览器历史记录
4.navigator 对象,包含有关浏览器的信息。
IE 浏览器没有插件,但提供了 ActiveX 控件。
ActiveX 控件一种在 Web 页面中嵌入对象或组件的方法。
5.frame 对象,
DOM 文档对象模型。
加载 HTML 页面时,Web 浏览器生成一个[color=blue]树型[/color]结构,用来表示页面内部结构。 DOM 将这种树型结构理解为由[color=blue]节点[/color]组成。
实用的属性:
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
};
1.核心对象 window 对象,表示浏览器的一个实例。
2.location 对象,提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。
3.history 对象,浏览器历史记录
4.navigator 对象,包含有关浏览器的信息。
IE 浏览器没有插件,但提供了 ActiveX 控件。
ActiveX 控件一种在 Web 页面中嵌入对象或组件的方法。
5.frame 对象,
DOM 文档对象模型。
加载 HTML 页面时,Web 浏览器生成一个[color=blue]树型[/color]结构,用来表示页面内部结构。 DOM 将这种树型结构理解为由[color=blue]节点[/color]组成。
实用的属性:
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
};