BOM对象

本文深入解析了浏览器对象模型(BOM)的核心对象Window、Document、Location、Navigator及Screen,详细介绍了它们的重要方法和属性,帮助开发者更好地理解并利用这些对象进行网页开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. Window对象:  是整个BOM的核心,所有对象和集合都以某种方式回接到window对象。Window对象表示整个浏览器窗口,但不必表示其中包含的内容

几个比较重要的方法:

1. window.window.window.....
2. window.setTimeOut(function,timeDelay)
3. window.document  //Dom文档元素
4. window.location     //浏览器定位元素信息
5. window.navigator   //浏览器交互信息
6. window.frames       //窗体信息

2. Document对象:  实际上是window对象的属性。这个对象的独特之处是唯一一个既属于BOM又属于DOM的对象。从BOM角度看,document对象由一系列集合构成,这些集合可以访问文档的各个部分。

1. document.location //定位元素
2. document.baseURL //当前页面的URL
3. document.getElementById('')  //根据Id来寻找Dom元素
4. document.getElementsByName('') //根据Name来寻找Dom列表
5. document.getElementsByClassName('') //根据Class名字来寻找Dom列表元素
6. document.getElementsByTagName('') //根据标签类型来返回Dom元素列表
7. document.script //返回当前页面所有的脚本
8. document.remove //删除一个dom元素
9. document.parentNode //返回父亲节点
10.document.images //返回当前页面的图片Dom元素
11.document.doctype //返回文档类型
12.document.charset //返回页面编码类型
13.document.childNodes //返回当前Dom元素的孩子节点列表
14.document.body //返回当前页面的body Dom元素
15.document.all //返回当前页面的所有Dom元素,以HTMLAllCollection列表返回
16.document.cookie //返回浏览器的cookie信息,,其中csdn中以UserName 保存用户的登陆名称


3. Location对象:  它是window对象和document对象的属性。Location对象表示载入窗口的URL,此外它还可以解析URI.

1. location.href //返回当前页面的href(url)
2. location.hostname //返回当前页面的主机名称
3. location.path //返回当前页面中的辅助url
4. location.host //返回当前页面的主域名
5. location.reload() //重新加载当前页面

4. Navigator对象: Navigator包含大量Web浏览器相关的信息。各种浏览器支持该对象的属性和方法不尽相同。

1. navigator.appName //netscape
2. navigator.appVersion //浏览器类型
3. navigator.language //页面支持的语言
4. navigator.userAgent //浏览器代理,页面Dom的排版引擎
5. navigator.cookieEnabled //是否支持cookie机制

5. Screen对象:  通过其可以获取用户屏幕相关的信息 

1. screen.availHeight //浏览器支持的高度
2. screen.width//浏览器支持的宽度
3. screen.availWidth //浏览器支持的宽度
4. screen.height //浏览器支持的高度
5. screen.avaiTop //浏览器支持的高度起始位置
6. screen.avaiLeft //浏览器支持的左起位置
To Be Continue...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值