Biegral Blog

一、什么是BOM

BOM(Browser Object Model )

被翻译为浏览器对象模型

BOM提供了很多对象(对象里面有属性和方法)，用于访问浏览器的功能，这些功能与任何网页内容无关。

BOM没有书写规范。因为每个浏览器提供商有自己的想法去扩展他。所以浏览器中共有的对象就成了事实的标准。

BOM由多个对象组成，代表浏览器窗口的window对象，是BOM的顶层对象，其他对象都是该对象的子对象。

BOM比DOM大，BOM包含DOM

下面是BOM的对象

• window对象 是BOM中所有对象的核心，表示整个浏览器窗口，但不必表示其中包含的内容。 
• navigator代表当前浏览器信息（版本号、运行的平台等）
• location代表浏览器的地址栏
• document代表整个页面文档内容
• history：回退刘浏览历史记录
• screen代表整个浏览的屏幕
• frames代表整个浏览器框架

window对象

它是JS访问浏览器窗口的一个接口、是一个全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法

<div>我是一个div</div>
    <script>
        var sex = 'boy';
        console.log(sex);           //boy
        console.log(window.sex);    //boy
        function fn1(){
            // console.log('这是一个函数')         //这是一个函数
            console.log(window.document.querySelector('div'));//<div>我是一个div</div>
            console.log(document.querySelector('div'));     //<div>我是一个div</div>
        }
        window.fn1();
        fn1();
    </script>

效果：

 window对象的对话框

alert(str):警告对话框。只有一个确定按钮，尽量少用。

confirm(str):确认对话框

prompt(str[,value]) :输入对话框，采用文本输入信息，str代表提示信息，value初始值

按确定返回字符型的输入值，取消的话返回的值是undefined