JavaScript对象【基础】

本文介绍了浏览器对象模型(BOM),它是JavaScript的重要组成部分,用于与浏览器窗口交互。文章详细讲解了BOM的基本构成,如window对象及其相关属性和方法,并探讨了history、location等对象的功能。

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

浏览器对象模型(BOM)是JavaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。

作用:将相关的元素包装起来,提供给程序设计人员使用,从而减低开发人员的劳动量,提高设计Web页面的能力。

BOM模型图:

window

|

————————————————

| | |

| | |

history document location

|

————————————————

| | |

link form anchor

|

————————————————————

|       | | | | |

button  checkbox     text······textarea   radio    select


window对象是整个BOM的核心。

有:浏览器窗口、网页文档内容document、地址对象location、历史对象history。

可实现功能:

弹出新的浏览器窗口

移动、关闭浏览器窗口及调整窗口的大小

在浏览器窗口中实现页面的前进、后退功能。


1、常用属性

history【有关客户访问过的URL的信息】

location【有关当前URL的信息】

语法:window.属性名="属性值"


2、常用方法

语法:window.方法名();

1)confirm()

弹出一个确认对话框

2)open()

弹出一个新的浏览器窗口

3)close()

用于关闭浏览器窗口


3、常用的事件

onload【一个页面或一幅图像完成记载】

onmouseover【鼠标指针移到某元素上】

onclick【鼠标单击某个对象】

onkeydown【某个键盘按键被按下】

onchange【域的内容被改变】


4、history对象和location对象

history

back()【加载history对象列表中的前一个URL】

forward()【加载列表中的后一个URL】

go()【加载某个具体URL】

location

属性:

host【设置或返回主机名和当前URL的端口号】

hostname【设置或返回当前URL的主机名】

href【设置或返回完整的URL】

方法:

reload()【重新加载当前文档】

replace()【用新的文档替换当前文档


5、document对象的常用属性

referrer【返回载入当前文档的URL】

URL【返回当前文档的URL】

语法:document.referrer

    document.URL

常用方法

getElementById()【返回对拥有指定id的第一个对象的引用】

getElementsByName()【返回带有指定名称的对象的集合】

getElementsByTagName()【返回带有指定标签名的对象的集合】

write()【向文档写文本、HTML表达式或JavaScript代码】



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值