首页 > 其他 > 详细

BOM常用方法

时间:2020-04-06 01:00:29      阅读:60      评论:0      收藏:0      [点我收藏+]

1、href、assign、replace跳转

document.onclick=function(){

console.log(location.href);

location.href="http://www.163.com";

location.assign("http://www.163.com");

ocation.replace("http://www.163.com");

}

技术分享图片

//三者跳转的特点是

//href跳转页面留有历史记录,还可以获取当前页面的网址

// assign跳转页面留有历史记录

//replace替换当前页面,这个没有历史记录

 

2、hash、search

console.log(location.hash);//获取地址栏中#后面的内容,也就是锚点标记名

console.log(location.search);//获取地址栏中?后面的内容,?号后面一般是访问地址的参数

 

3、history 历史记录

history.back();//回退

history.forward();//前进

history.go(1);//跳转到第几个负数是回退,正式是前进,0是刷新页面

 

 

 

4、screen 屏幕

console.log(screen.width,screen.height); //全屏幕宽高

console.log(screen.availWidth,screen.availHeight);//不带任务栏的屏幕宽高

技术分享图片

 

5、用户浏览器信息

console.log(navigator.userAgent);

技术分享图片

 

 

6、使用window的方法时可以不用加window

window.open();

open()

alert();

window.alert();

 

7、弹窗限制

open("http://163.com","我的网页","width=200,height=200");

// 现在基本不用了 浏览器已经做了对弹出框的限制

技术分享图片

 

8、关闭窗口

document.onclick=function(){

close();

}

 

9、视窗宽高和浏览器宽高

console.log(innerWidth,innerHeight);//视窗宽高

console.log(outerWidth,outerHeight);//浏览器窗口宽高

 

10、重载 以前用,现在不用

location.reload();

 

 

BOM常用方法

原文:https://www.cnblogs.com/wufeiqiang/p/12639854.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!