BOM、DOM学习到的小东西
我最近刚开始学习这两样东西,在接触和一些小实践中发现了很多。
首先,介绍一下这两样东西:
BOM是浏览器对象模型,用来获取或设置浏览器的属性、行为,例如:新建窗口、获取屏幕分辨率、浏览器版本号等。
DOM是文档对象模型,用来获取或设置文档中标签的属性,例如获取或者设置input表单的value值。
DOM 是为了操作文档出现的 API,document 是其的一个对象;
BOM 是为了操作浏览器出现的 API,window 是其的一个对象。
然后是一些我在实验中用到的一些基础的DOM的用法:
getElementById()://返回指定id属性值的元素。注意:id值要区分大小写,如果找到多个id相同的元素,则返回第一个元素,如果没有找到指定id值的元素,则返回null。
getElementsByTagName()://返回所有指定标签名称的元素节点。
getElementsByName()://返回所有指定名称的元素节点。该方法多用于表单结构中,用于获取单选按钮组或复选框组。
getElementByClassName()://返回所有指定class属性值的元素节点。
然后是一些BOM的用法:
window.close(); //关闭窗口
window.alert(“message”);//弹出一个具有OK按钮的系统消息框,显示指定的文本
window.confirm(“Are you sure?”);//弹出一个具有OK和Cancel按钮的询问对话框,返回一个布尔值
window.prompt(“What’s your name?”,“Default”);//提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回