BOM基础知识

一.概念:

Browser Object Model :浏览器对象模型

二. 组成:
      

1.Window:窗口对象
          (1).创建
          (2).方法
              1. 与弹出框有关的方法:
                  alert()显示带有一段消息和一个确认按钮的警告框。
                  confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。
                  如果用户点击确定按钮,则方法返回true
                  如果用户点击取消按钮,则方法返回false
                  prompt()显示可提示用户输入的对话框。
                  返回值:获取用户输入的值

              2. 与开关有关的方法:
                close():关闭浏览器窗口。
                   谁调用关谁
                open():
                  打开一个新的浏览器窗口
                  返回新的window对象    

var newwindow;
    button1.onclick=function(){
       newwindow=open("https://www.baidu.com/?tn=92692503_hao_pg");
    }
    var button2=document.getElementById("button2");
    button2.onclick=function (){
        newwindow.close();
    }

该代码关闭的是新打开的百度网页的窗口。
             

         3.与定时器有关的方法
                   setTimeout(): 在指定的毫秒数后调用函数或计算表达式。
                         参数:
                               1.js代码或者方法对象
                               2.毫秒值
                         返回值:用于取消定时器
                   clearTimeout():取消setTimeout()方法设置的timeout。
                    

var id=setTimeout(fun,1000);
        function fun(){
            alert("hahaha");
        }
        clearTimeout(id);

                   setInterval(): 按照指定周期(以毫秒计数)来调用函数或计算表达式。
                   clearInterval():取消由setInterval()方法设置的timeout。
          

var id1=setInterval(fun,1000);
    clearInterval(id1);


          (3)属性
             1. 获取其他BOM对象:
                history
                location
                Navigator
                Screen
            2.获取DOM对象:
               document
          
           
         (4).特点
            window对象不需要创建可以直接使用                                      

                使用方式:window.方法名;
                window引用可以省略:方法名();

2.  Location对象
       (1).创建(获取)
          window. location
          location
       (2).方法
           reload():刷新页面
       (3).属性
           href 设置或返回完整的URL
      跳转到百度网页:

location.href="https://www.baidu.com/?tn=92692503_hao_pg";

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值