BOM属性方法。

Posted 2022-02-25 xianxiaoan

BOMBrowser Object Model
window浏览器窗口
window方法
location
location常用属性
screen显示器屏幕
screen常用属性
navigator浏览器软件
navigator常用属性
history浏览历史
history常用属性
history常用方法
主要包括以下几个：

window（浏览器窗口）
浏览器窗口对象，主要属性有：

name：指浏览器窗口的名字或框架的名字。这个名字是给a标记的target属性来用的。设置窗口的名字：window.name = “newWin” 获取窗口的名字：document.write(name);
top：代表最顶层窗口。如：window.top
parent：代表父级窗口，主要用于框架。
self：代表当前窗口，主要用于框架中。
innerWidth：指浏览器窗口的内宽(不含菜单栏、工具栏、地址栏、状态栏)，该属性chrome支持。
在IE下，使用
document.documentElement.clientWidth 来代替 window.innerWidth
1
innerHeight：指浏览器窗品的内高(不含菜单栏、工具栏、地址栏、状态栏)，该属性chrome支持。
在IE下，使用

document.documentElement.clientHeight 来代替
window.innerHeight
1
2
3
举例：
document.documentElement 就是html标记对象
document.body 就是标记对象

window方法
alert()：弹出一个警告对话框。
prompt([text],[defaulttext])：弹出一个输入对话框。
confirm(text)：弹出一个确认对话框。如果单击“确定按钮”返回true，如果单击“取* * 消”返回false。 text：要显示的纯文本
close()：关闭窗口
print()：打印窗口
open([url],[name],[options]):打开一个新窗口
延时器：window.setTimeout(“code”,1000);// code一般是一个函数，但是放在双引号下，1000ms
返回值是延时器的id，给clearTimeout使用
定时器：window.setInterval(“code”,1000);// code一般是一个函数，但是放在”“下，1000ms
返回值是定时器的id，给clearInterval使用
location
location常用属性
href：获取地址栏中完整的地址。可以实现JS的网页跳转。location.href = “http://www.sina.com.cn”;
host：主机名
hostname：主机名
pathname：文件路径及文件名
search：查询字符串。
protocol：协议，如：http://、ftp://
hash：锚点名称。如：#top
reload([true])：刷新网页。true参数表示强制刷新
注意：所有的属性，重新赋值后，网页将自动刷新

screen（显示器屏幕）
screen常用属性：
Width：屏幕的宽度，只读属性。
Height：屏幕的高度，只读属性。
availWidth：屏幕的有效宽度，不含任务栏。只读属性。
availHeight：屏幕的有效高度，不含任务栏。只读属性。
navigator(浏览器软件)
navigator常用属性：
appName：浏览器软件名称，主要用来判断客户使用的是什么核心的浏览器。
如果是IE浏览器的话，返回值为：Microsoft Internet Explorer
如果是Firefox浏览器的话，返回值为：Netscape
appVersion：浏览器软件的核心版本号。
systemLanguage：系统语言
userLanguage：用户语言
platform：平台
history（浏览历史）
history常用属性
length：历史记录的个数
history常用方法
go(n)：同时可以实现“前进”和“后退。”
1. history.go(0) 刷新网页
2. history.go(-1) 后退
3. history.go(1) 前进一步
4. history.go(3) 前进三步
forward()：相当于浏览器的“前进”按钮
back()：相当于浏览器的“后退”按钮