BOM 和 DOM

BOM是浏览器对象模型,用来获取或设置浏览器的属性、行为,例如:新建窗口、获取屏幕分辨率、浏览器版本号等。 (内容不多)

BOM的核心是window,例如:

window.close(); //关闭窗口

window.alert("aaa");//弹出一个具有OK按钮的系统消息框,显示指定的文本

window.confirm("aaa");//弹出一个具有OK和Cancel按钮的询问对话框,返回一个布尔值

window.prompt("What's your name?","Default");//提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回

window.status //可以使状态栏的文本暂时改变

window.defaultStatus//默认的状态栏信息,可在用户离开当前页面前一直改变文本

window.setTimeout("alert('xxx')", 1000);//设置在指定的毫秒数后执行指定的代码,接受2个参数,要执行的代码和等待的毫秒数

window.clearTimeout("ID");//取消还未执行的暂停,将暂停ID传递给它

window.setInterval(function, 1000);//无限次地每隔指定的时间段重复一次指定的代码,参数同setTimeout()一样

window.clearInterval("ID");//取消时间间隔,将间隔ID传递给它

window.history.go(-1);window.history.back();window.history.forward();//访问浏览器窗口的历史,负数为后退,正数为前进

window.history.length//可以查看历史中的页面数 

以及  offset系列方法(offsetWidth和offsetHeight,offsetLeft和offsetTop等)

         scroll系列方法(scrollHeight和scrollWidth,scrollTop和scrollLeft等)       

          client系列(clientX和clientY)

DOM是文档对象模型,用来获取或设置文档中标签的属性,例如获取或者设置input表单的value值。 (使用较多)

DOM最主要是定义了访问和操作 HTML 文档的标准方法。

例如:

HTML DOM 对象 - 方法和属性

一些常用的 HTML DOM 方法:

通过使用getElementById(id) - 获取带有指定 id 的节点(元素)
通过使用 getElementsByTagName() 方法
通过使用 getElementsByClassName() 方法
appendChild(node) - 插入新的子节点(元素)
removeChild(node) - 删除子节点(元素)


一些常用的 HTML DOM 属性:

innerHTML - 节点(元素)的文本值
parentNode - 节点(元素)的父节点
childNodes - 节点(元素)的子节点
attributes - 节点(元素)的属性节点


事件处理:onmouseover 和 onmouseout,onmousedown、onmouseup 以及 onclick 事件

 由于DOM的操作对象是文档(Document),所以dom和浏览器没有直接关系。

猜你喜欢

转载自blog.csdn.net/grylf/article/details/81186072