一.概念:
Browser Object Model :浏览器对象模型
二. 组成:
1.Window:窗口对象
(1).创建
(2).方法
1. 与弹出框有关的方法:
alert()显示带有一段消息和一个确认按钮的警告框。
confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。
如果用户点击确定按钮,则方法返回true
如果用户点击取消按钮,则方法返回false
prompt()显示可提示用户输入的对话框。
返回值:获取用户输入的值
2. 与开关有关的方法:
close():关闭浏览器窗口。
谁调用关谁
open():
打开一个新的浏览器窗口
返回新的window对象
var newwindow;
button1.onclick=function(){
newwindow=open("https://www.baidu.com/?tn=92692503_hao_pg");
}
var button2=document.getElementById("button2");
button2.onclick=function (){
newwindow.close();
}
该代码关闭的是新打开的百度网页的窗口。
3.与定时器有关的方法
setTimeout(): 在指定的毫秒数后调用函数或计算表达式。
参数:
1.js代码或者方法对象
2.毫秒值
返回值:用于取消定时器
clearTimeout():取消setTimeout()方法设置的timeout。
var id=setTimeout(fun,1000);
function fun(){
alert("hahaha");
}
clearTimeout(id);
setInterval(): 按照指定周期(以毫秒计数)来调用函数或计算表达式。
clearInterval():取消由setInterval()方法设置的timeout。
var id1=setInterval(fun,1000);
clearInterval(id1);
(3)属性
1. 获取其他BOM对象:
history
location
Navigator
Screen
2.获取DOM对象:
document
(4).特点
window对象不需要创建可以直接使用
使用方式:window.方法名;
window引用可以省略:方法名();
2. Location对象
(1).创建(获取)
window. location
location
(2).方法
reload():刷新页面
(3).属性
href 设置或返回完整的URL
跳转到百度网页:
location.href="https://www.baidu.com/?tn=92692503_hao_pg";