BOM、DOM学习到的小东西

本文介绍了BOM和DOM的基本概念及其应用场景。BOM(浏览器对象模型)用于操作浏览器的各种特性,如窗口控制和信息获取;DOM(文档对象模型)则用于操作网页文档,包括获取和设置元素属性。文章还列举了常用的方法,如getElementById, getElementsByTagName等,并展示了如何使用BOM进行窗口操作。

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”);//提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值