avatar

目录
【前端15_JS】BOM 操作:获取属性、跳转、刷新、前进后退、关闭页面

BOM - Window

获取宽高

javascript
1
2
3
window.screen.width;
console.log("window.screen.availHeight:" + window.screen.availHeight);
console.log("window.screen.availWidth:" + window.screen.availWidth);

跳转

  • assign 可以退回
  • replace 不可以退回
javascript
1
2
3
4
5
var btn = document.querySelector("button");
btn.onclick = function (){
window.location.assign("https://www.bilibili.com/");
/*window.location.replace("https://www.bilibili.com/");*/
};

刷新

如果参数是 true ,那么就不走缓存

javascript
1
window.location.reload();

前进 & 后退

默认是0,可以添加整数,正数表示前进多少页,负数表示后退多少页

javascript
1
2
3
window.history.forward();
window.history.back();
window.history.go();

关闭页面

关键字 window.close()

javascript
1
2
3
4
var btn = document.querySelector("button");
btn.onclick = function () {
window.close();
}
文章作者: Lovely Ruby
文章链接: https://wangzhongqing.xyz/p/52192.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Ruby の いえ
打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论