BOM?window对象?location对象?history对象?4.screen对象?navigator对象?

本文深入解析了浏览器对象模型(BOM)与文档对象模型(DOM)的核心概念,阐述了两者之间的关系及其在不同浏览器中的适配差异。详细介绍了window、location、history、screen和navigator等BOM对象的功能与使用方法。

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

BOM?

浏览器的核心内容:BOM,DOM。

不同的浏览器在BOM和DOM方面的适配有差异。

整个浏览器(即浏览器的头部到浏览器的底部)叫BOM,而文档开始部分(即HTML显示部分)叫DOM。BOM包含DOM,DOM是BOM当中的元素。

window是祖先。

window是权限最高的对象,它可以找到我们要操作的所有子目标。

BOM对象?(有括号是方法设置,无括号是属性式调用或设置)

1.  window对象?(是所有BOM对象的祖先,书写时某些可以省略window.)

open();      打开网址。如:

window.open(“http://www.baidu.com”, ”height=200px,width=200px,top=10”);

close();      关闭窗口

innerHeight   浏览器窗口的内部(即DOM)高度(兼容所有浏览器),包含滚动条。换句话说innerHeight不包含工具栏、地址栏等内容的内部高

innerWidth   浏览器窗口的内部(即DOM)宽度(兼容所有浏览器)

outerWidth   可以获取浏览器窗口的整个(即BOM)宽

outerHeight   可以获取浏览器窗口的整个(即BOM)高

screenTop     窗口当前距离顶部的距离,只能获取不能设置

screenLeft     窗口当前距离左边的距离,只能获取不能设置,用window.screenLeft

2.  location对象?(一般用来修改地址栏的某部分内容实现某类功能)

reload();     重新加载当前页面。使用方式: location.reload();

href 跳转页面。如location.href=”https://www.baidu.com/”;有历史记录。

assign(); 复制也叫跳转页面。如location.assign=”https://www.baidu.com/”;有历史记录,即可以后退。

replace(); 替换也叫跳转页面。是方法设置。href是属性设置。如location.replace=”https://www.baidu.com/”;无历史记录,所以一般用href和assign

hash     获取到url中#后的字符串,如果没有,则返回空字符串

search 获取到url中?后面的内容

hostname 返回web主机的域名

pathname   返回当前页面的路径和文件名或目录

port        返回web主机的端口(80或443)

protocal     返回所使用的web协议(http://或https://)

注意:要清楚了解http和https!!

3.  history对象?(针对历史操作,主要为PHP方面服务)

back();       向后退一页。必须到href或者assign访问的页面中来书写history.back();以此来操作返回到父页面。

forward();    在有历史记录时,跳转到前一个页面。

go     参数为0时表刷新页面。参数为-1时表向后跳转。参数为1时表向前跳转。

length  返回历史记录中的所有网址总数,即多少条历史记录。

4.  screen对象?

availHeight     屏幕的高度像素减去系统部件高度之后的值。即不带屏幕下面的系统部件,availWidth也一样。

availWidth     屏幕的宽度像素减去系统部件宽度后的值

height 屏幕的高度像素。包含屏幕下面的系统部件,width也一样。

width 屏幕的宽度像素

5.  navigator对象?(浏览器系统的信息内容)

userAgent     返回由客户机发送服务的user-agent头部的值(即浏览器系统、版本、内核)

appName   返回浏览器的名称

appVersion   返回浏览器的平台和版本信息

platform      返回运行浏览器的操作系统平台

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值