JavaScript-BOM
BOM的全称是Browser Object Model,翻译过来是浏览器对象模型。
BOM中提供了如下5个对象:
对象名称 | 描述 |
---|---|
Window | 浏览器窗口对象 |
Navigator | 浏览器对象 |
Screen | 屏幕对象 |
History | 历史记录对象 |
Location | 地址栏对象 |
Windows对象
window对象指的是浏览器窗口对象,是JavaScript的全部对象。
window对象提供了获取其他BOM对象的属性:
属性 | 描述 |
---|---|
history | 用于获取history对象 |
location | 用于获取location对象 |
Navigator | 用于获取Navigator对象 |
Screen | 用于获取Screen对象 |
window也提供了一些常用的函数:
alert():弹出警告框,函数的内容就是警告框的内容
<script>
//window对象是全局对象,window对象的属性和方法在调用时可以省略window.
window.alert("Hello BOM");
alert("Hello BOM Window");
</script>
confirm():弹出确认框,并且提供用户2个按钮,分别是确认和取消。
//确认弹框:可以接收到用户的选择返回值,确定=true,取消=false
var flag = window.confirm("123456");
window.alert(flag);
setInterval(fn,毫秒值):定时器,用于周期性的执行某个功能,并且是循环执行。该函数需要传递2个参数:
fn:函数,需要周期性执行的功能代码,毫秒值:间隔时间
var i = 0;
setInterval(function(){
i++;
console.log(i);
}, 1000);
setTimeout(fn,毫秒值) :定时器,只会在一段时间后执行一次功能。参数和上述setInterval一致
setTimeout(function(){
alert("3秒后弹窗");
}, 3000);
Location对象
location是指代浏览器的地址栏对象,对于这个对象,我们常用的是href属性,用于获取或者设置浏览器的地址信息。
//获取浏览器地址栏信息
alert(location.href);
//设置浏览器地址栏信息
location.href = "https://www.baidu.com";
标签:浏览器,对象,JavaScript,alert,window,BOM,location
From: https://www.cnblogs.com/ai-study/p/18235247