JS中BOM(浏览器对象模型)常见属性和方法

JS面向对象编程的方法有两种,分别为BOM和DOM,本篇先介绍BOM。

BOM:Browser Object Model 浏览器对象模型
         概念:将浏览器的各个组成部分封装为对象(也就是每个组成部分分别看成是一个对象,然后针对部分进行需求操作)
         特点:BOM对象不能自己创建,当文档加载进内存,浏览器会自动创建。
         由五部分组成:
            Window(*****):窗口对象
            Location(**):地址栏对象
            History(*):历史记录(当前窗口)对象
            Navigator :浏览器对象   基本不用 仅作了解
            Screen:显示器屏幕        基本不用 仅作了解    
                    availHeight    获取系统屏幕的工作区域高度,排除 Microsoft Windows 任务栏。     
                    availWidth    获取系统屏幕的工作区域宽度,排除 Windows 任务栏。     
                     height        获取屏幕的垂直分辨率。 
                     width        获取屏幕的水平分辨率。 
    
    
        Window:窗口对象
            使用方式: 
                 window.方法名();    window 可以省略
                
            
            * 方法:
                * 与弹出有关的方法
                    alert() 显示带有一段消息和一个确认按钮的警告框。
                    例子:window.alert("我是警告弹框"); 

                    (**)confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 

                    例子:var flag=window.confirm("你确定吗?");
                        

                    prompt() 显示可提示用户输入的对话框。 
                    
                    例子:var  text=window.prompt("请输入地址","");//参数2:默认文字
                    
                
                * 与定时器有关的方法
                    (**)setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。 循环执行
                    clearInterval() 取消由 setInterval() 设置的 timeout。  
                    
                    (**)setTimeout() 在指定的毫秒数后调用函数或计算表达式。 只执行一次
                        * 参数:
                            参数1:字符串(js语句)或者 函数对象
                            参数2:毫秒值。


                    
                    clearTimeout() 取消由 setTimeout() 方法设置的 timeout。 


                    例子:
                        设置定时器 3秒后要执行的函数
                         var id=window.setTimeout("window.close()",3000);
                        var id1=window.setTimeout("shut()",3000);
                        var id2=window.setTimeout(shut,3000);
                        
                        funtion shut(){
                            window.close();
                        }
                        取消定时器 通过定时器的id 来取消
                        window.clearTimeout(id);
                        window.clearTimeout(id2);
                
                * 与打开关闭有关的方法:
                    open():打开新窗口
                        * 参数:打开目标的URL
                        * 返回值:返回新打开窗口的window引用
                    例子:var newWindwo=window.open("http://www.baidu.com");
                        newWindwo.close();
                        
                    close():关闭窗口
                        * 谁调用我 , 我关谁
                        例子:window.close();
            * 属性:
                * 获取其他对象的属性:
                    * history :对 History 对象的只读引用。请参数 History 对象。 
                    * location :用于窗口或框架的 Location 对象。请参阅 Location 对象。 
                    * Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。 
                    * Screen 对 Screen 对象的只读引用。请参数 Screen 对象。 
                    
                    * document:对 Document 对象的只读引用。请参阅 Document 对象。 
                
        

        * Location:地址栏对象
            获取方式:可以用window对象中的属性获取


            var lc=window.location;
            lc.href="http://www.baidu.com";

            * 属性:
                href:设置或获取当前的URL
        * History:历史记录对象
            获取方式:可以用window对象中的属性获取
            var ht=window.history;
            ht.go(1);
            * 方法:
                go:
                    1:前进
                    -1:后退

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值