浏览器BOM

window对象

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至 HTML DOM 的 document 也是 window 对象的属性之一:

window.document.getElementById("header");

Window 方法

  • window.open() - 打开新窗口
  • window.close() - 关闭当前窗口
  • window.moveTo() - 移动当前窗口
  • window.resizeTo() - 调整当前窗口的尺寸

location

assign():可以打开新的页面,并且可以返回,可以产生历史记录(有返回功能)

reload():实现的是页面刷新

replace():用新文档替换当前的文档,可以实现打开新的页面的功能,但不能返回,故没有产生历史记录、

href():(也可产生历史记录)

hostname是主机名,用于在系统中标识一台机器。

assign.onclick=function(){
            //assign()可以打开新的页面,并且可以返回,可以产生历史记录的
            location.assign("https://wwww.baidu.com")
        }
        reload.onclick=function(){
            //reload()用新文档替换当前的文档,可以实现打开新的页面的功能,但不能返回,故没有产生历史记录
            location.reload()
        }
        href.onclick=function(){
            Location.href="https://www.baidu.com"
            console.log(location.host);
            console.log(location.hostname);
        }

history

back()后退到历史记录列表上的一个url

href:跳转

forward()前进到历史记录列表的下一个url

go()跳转到指定页面

btn.onclick=function(){

      history.back()//后退到历史记录列表上的一个url

    }

   btn2.onclick=function(){
      location.href="跳转.html"

    }

    btn3.onclick=function(){

     history.forward()//前进到历史记录列表的下一个url

   }

   btn4.onclick=function(){

     history.go(-1)

}

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值