什么是BOM

前言

        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 //可视区总高