JavaScript浏览器对象模型BOM

1. 何为BOM

浏览器要显示一个网页,不光跟网页的内容相关。还有浏览器窗口的大小、位置,浏览器弹出的警告框、提示框,还有cookie,有的浏览器客户端还有定时器(比如定时刷新图片)。

其实JavaScript语言已经将整个浏览器窗口封装为window对象,这个封装行为就是BOM(browser object model)——浏览器对象模型。

2. BOM常用方法

document其实也就是window.document,文档也是浏览器窗口对象的一个属性而已。

可以打开新窗口、对话框:

window.open("a.html");//打开新窗口
window.alert("sometext");//提示框
window.confirm("sometext");//确认框
var input=window.prompt("sometext","defaultvalue");//文本输入框

window.location代表跟网页位置相关的信息

window.location.hostname web域名
window.location.pathname 当前页面的路径和文件名
window.location.port web端口
window.location.protocol 使用的web协议
window.location.href 当前页面的 URL

还可以通过window对象设置定时器

//设置定时器
var inter=window.setInterval(function(){alert("Hello")},3000);
//清除定时器
clearInterval(inter);
//任务
var time=window.setTimeout(function(){alert("Hello")},3000);
//清除任务
window.clearTimeout(time);

如有问题请扫码联系我
在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页