JavaScript —— BOM

系统管理员 2022-03-11 07:27 252阅读 0赞

1.  概念：Browser Object Model 浏览器对象模型
    
    1.  将浏览器的各个组成部分，封装成对象。
    2.  组成
        
         *  Window 窗口对象
         *  History 历史记录对象
         *  Location 地址栏对象
         *  Navigator 浏览器对象
         *  Screen 屏幕对象
    3.  Window 窗口对象
        
        1.  创建(获取)：Window对象不需要创建，可以直接使用window使用。
        2.  方法
            
            1.  与弹出框有关的方法
                
                 *  alert() 显示带有一段消息和一个确认按钮的警告框。
                 *  confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
                    
                     *  返回值：true，表示用户点击了确定按钮；false，表示用户点击了取消按钮
                 *  prompt() 显示可提示用户输入的对话框。
                    
                     *  返回值：用户输入的值
            2.  与打开、关闭有关的方法
                
                 *  open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
                    
                     *  返回值：返回新打开的window对象
                 *  close() 关闭浏览器窗口。
                    
                     *  谁调用，就关闭谁
                     *  window.close() 关闭自己
            3.  与定时器有关的方法
                
                 *  setTimeout() 在指定的毫秒数后调用函数或计算表达式。只执行一次。
                    
                     *  参数
                        
                         *  第一个参数：js代码或者方法对象。
                         *  第二个参数：毫秒值
                     *  返回值：返回定时器的id值
                 *  clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
                    
                     *  参数：指定需要取消的定时器的id值
                 *  setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。循环执行。
                 *  clearInterval() 取消由 setInterval() 设置的 timeout。
                 *  注意：setInterval()、clearInterval() 参数和返回值和用户，同setTimeout()、clearTimeout()
        3.  属性
            
            1.  获取其他BOM对象
                
                 *  history 对 History 对象的只读引用。请参数 History 对象。
                 *  location 用于窗口或框架的 Location 对象。请参阅 Location 对象。
                 *  Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。
                 *  Screen 对 Screen 对象的只读引用。请参数 Screen 对象。
            2.  获取DOM对象
                
                 *  document 对 Document 对象的只读引用。请参阅 Document 对象。
        4.  特点
            
             *  Window对象不需要创建，可以直接使用window使用。 window.方法名();
             *  window引用可以省略。直接 方法名();
    4.  Location 地址栏对象
        
        1.  创建(获取)
            
            1.  window.location
            2.  location
        2.  方法
            
             *  reload() 重新加载当前文档（刷新）
             *  replace() 用新的文档替换当前文档。
             *  assign() 加载新的文档。
        3.  属性
            
             *  href 设置或返回完整的URL。
    5.  History 当前窗口访问过的 URL
        
        1.  创建(获取)
            
            1.  window.history
        2.  方法
            
             *  back() 加载 history 列表中的前一个 URL。
             *  forward() 加载 history 列表中的下一个 URL。
             *  go() 加载 history 列表中的某个具体页面。
        3.  属性
            
             *  length 返回当前窗口访问过的URL数量。