BOM操作

BOM的核心对象是window,它表示浏览器的一个实例。它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象,因此网页中所有全局作用域中声明的变量、函数都会变成window对象的属性和方法。

BOM指浏览器对象模型,它提供了很多对象用于访问浏览器的功能。

从上图也可以看出:

window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。

DOM是BOM的一部分。

BOM没有相关标准,每个浏览器都有其自己对BOM的实现方式。

BOM主要用于管理浏览器窗口,提供了独立的,可以与浏览器窗口进行互动的功能。BOM由多个对象组成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。

BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是js的Global(全局)对象。

window对象定义了3个人机交互的接口方法,方便开发人员对JavaScript脚本进行测试:

alert()
confirm()
prompt()

window对象的属性

window  // 窗口自身, window=window.self可使用全局属性window访问 Window对象
document  // 对 Document 对象的只读引用。请参阅Document对象。
history  // 对 History 对象的只读引用。请参数History对象。
location  // 用于窗口或框架的 Location 对象。请参阅Location对象。
screen  // 对 Screen 对象的只读引用。请参数Screen对象。
navigator  // 对 Navigator 对象的只读引用。请参数Navigator对象。
defaultStatus  // 设置或返回窗口状态栏中的默认文本。
innerheight  // 返回窗口的文档显示区的高度。
innerwidth  // 返回窗口的文档显示区的宽度。
outerheight  // 返回窗口的外部高度。
outerwidth  // 返回窗口的外部宽度。
pageXOffset  // 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset  // 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
name  // 设置或返回窗口的名称。
parent  // 返回父窗口。
top  // 返回最顶层的先辈窗口。
status  // 设置窗口状态栏的文本。
window.location  // URL地址,配备布置这个属性可以打开新的页面

window对象的方法

window.close();  // 关闭窗口
window.alert("message");  // 弹出一个具有OK按钮的系统消息框,显示指定的文本
window.confirm("Are you sure?");  // 弹出一个具有OK和Cancel按钮的询问对话框,返回一个布尔值
window.prompt("What's your name?", "Default");  // 提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回
window.status  // 可以使状态栏的文本暂时改变
window.defaultStatus  // 默认的状态栏信息,可在用户离开当前页面前一直改变文本
window.setTimeout("alert('xxx')", 1000);  // 设置在指定的毫秒数后执行指定的代码,接受2个参数,要执行的代码和等待的毫秒数
window.clearTimeout("ID");  // 取消还未执行的暂停,将暂停ID传递给它
window.setInterval(function, 1000);  // 无限次地每隔指定的时间段重复一次指定的代码,参数同setTimeout()一样
window.clearInterval("ID");  // 取消时间间隔,将间隔ID传递给它
window.history.go(-1);  // 访问浏览器窗口的历史,负数为后退,正数为前进
window.history.back();  // 同上
window.history.forward();  // 同上
window.history.length  // 可以查看历史中的页面数  
clearInterval()  // 取消由 setInterval() 设置的timeout。
clearTimeout()  // 取消由 setTimeout() 方法设置的timeout。
createPopup()  // 创建一个 pop-up 窗口。
moveBy()  // 可相对窗口的当前坐标把它移动指定的像素。
moveTo()  // 把窗口的左上角移动到一个指定的坐标。
open()  // 打开一个新的浏览器窗口或查找一个已命名的窗口。
print()  // 打印当前窗口的内容。
resizeBy()  // 按照指定的像素调整窗口的大小。
resizeTo()  // 把窗口的大小调整到指定的宽度和高度。
scrollBy()  // 按照指定的像素值来滚动内容。
scrollTo()  // 把内容滚动到指定的坐标。
setInterval()  // 按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout(方法,秒数)  // 在指定的毫秒数后调用函数或计算表达式。 
timeOutEvent = setTimeout("longPress('" + obj + "')",1500);  // 定时器传参数

window的成员对象

window.event
window.document
window.history
window.screen
window.navigator
Window.external
Window.location

 

原文:https://blog.csdn.net/luanpeng825485697/article/details/77010413

 https://www.cnblogs.com/liuafan/p/9523916.html

posted @ 2019-09-29 15:57  seeBetter  阅读(165)  评论(0编辑  收藏  举报