前言
BOM是browser object model的缩写 简称浏览器对象模型。
BOM由一系列相关的对象构成,并且每个对象都提供很多方法与属性。
BOM提供了独立于内容而与浏览器窗口进行交互的对象,主要用于管理窗口与窗口之间的通讯,因此核心对象是window。
Window内置对象
location这种就是window下内置对象的一种,href这种叫属性,reload这种叫对象方法
<script>
//url跳转
location.href="http://www.baidu.com";
location.href="a.html";
//刷新当前页面
location.reload();
</script>
跳转到(0指刷新,1指下一页,-1指上一页,-2指下一页,以此类推)
history.go(0);
history.back() == history.go(-1);
navigator.userAgent; //返回浏览器相关信息
alert("内容") //弹出提示框
confirm("内容") //多了一个取消按钮 可以通过confirm的返回值来判断点了哪个按钮
prompt("提示信息","输入框的默认值")//可以通过返回值(返回值是字符串)来判断输入了什么,或点了哪个按钮
open("http://www.baidu,con","baidu","width=50,height=50,top=50,left=50,toolbar=yes",)
如果两次弹出的窗口命名一样,将不会打开新的窗口,旧的窗口会重新刷新。
如果打开页面时直接执行open(),浏览器会根据防广告机制把事件屏蔽掉。
close()//通过open()打开的网页可以用close()关闭,close()为关闭浏览器。
定时器:var time = setInterval(函数,毫秒) //可以无限次执行 clearInterval(time) //清除定时器
延时器:var timer = setTimeout(函数,毫秒) //仅执行一次 clearTimeout(timer) //清除延时器
滚动条
document.documentElement.scrollWidth //滚动条总宽
document.documentElement.scrollHeidht //滚动条总高
document.documentElement.scrollTop=100; //将纵向滚动条设置到100px
document.documentElement.scrollLeft=100; //将横向滚动条设置到100px
window.scrollTo(100,100);//将纵横方向分别设置为100px,100px,一种简写的方法
document.documentElemet.clientWidth //可视区总宽
document.documentElement.clintHeidht //可视区总高