您的位置:首页 > Web前端 > JavaScript

JavaScriptBOM的window对象

2017-09-16 16:33 141 查看

十、JavaScriptBOM的window对象

BOM浏览器对象模型:是规范浏览器对js语言的支持(js调用浏览器本身的功能)

BOM具体实现是window对象

1、window对象不用new,直接进行使用即可,类似Math的使用方式,window关键字可以省略不屑

2、框体学习:

alert:警告框 提示用户选择一项操作(确定/取消)

confirm:确认框 提示用户选择一项操作(确定/取消)

点击确定 返回true

点击取消 返回false

prompt:提示框,提示用某个信息的录入或者说收集

点击确定,返回当前用户录入的数据,默认返回空字符串

点击取消,返回null

3、定时和间隔执行方法

setTimeout:指定的时间后执行指定的函数

参数1:函数对象

参数2:时间,单位毫秒

返回值:返回当前定时器的id

setInterval:每间隔指定的时间执行指定的函数

参数1:函数对象

参数2:时间,单位毫秒

返回值:返回当前间隔期的id

clearTimeout:用来停止指定的定时器 参数:定时器的id

clearInterval:用来停止指定的间隔器 参数:间隔期的id

4、子窗口方法

window.open('子页面的资源(相对路径)','打开方式','配置');
示例:window.open('son.html','newwindow','height=400, width=600, top=100px,left=320px, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=no, status=yes');
注意:关闭子页面的方法window.close(),但是此方法只能关闭open方法打开的子页面,子页面调用父页面的函数window.opener.父页面的函数


5、地址栏属性:location

window.location.href="新的资源路径(相对路径/URL)";
window.location.reload();//重新加载页面资源


历史记录属性

window.history.forward() 页面资源前进,历史记录的前进
window.history.back()    页面资源后退,历史记录后退
window.history.go(index) 跳转到指定的历史记录资源
注意:window.history.go(0
4000
)相当于刷新


屏幕属性

window.screen.width;//获取屏幕的宽度分辨率
window.screen.height;//获取屏幕的高度分辨率
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: