window对象

当前浏览器窗口

  1. window对象指当前浏览器窗口
  2. 它也是所有对象的顶层对象。
  3. 浏览器环境的所有全局变量,都是window对象的属性
var a=1; window.a //1

打开或关闭窗口

window.open('http://www.baidu.com') //新建窗口打开百度页面
window.close() //关闭当前窗口
window.location='http://www.baidu.com' //把当前网址跳转到百度页面
window.location.href='http://www.baidu.com' //把当前网址跳转到百度页面

获取当前窗口的url信息

window.location //返回一个location对象
window.location.href //获取当前网址
window.location.pathname // 获取路径
window.location.href='http://www.baidu.com' //把当前网址跳转到百度页面

控制网页前进后退

window.history.length //当前网页的历史数
window.history.back() //前进 相当于window.history.go(1)
window.history.forward() //后退 相当于window.history.go(-1)
window.history.go() //可以数字参数

判断是否是手机浏览器

/mobi/i.test(window.navigator.userAgent)

判断用户的浏览器类型

function isAndroid(){
  /android/i.test(window.navigator.userAgent)
}
function isIos(){
  /os/i.test(window.navigator.userAgent) // 是os不是ios
}
function isIphone(){
  /iphone/i.test(window.navigator.userAgent)
}
function isIpad(){
    return /ipad/i.test(window.navigator.userAgent);
}

显示设备屏幕的高度

window.screen.height
window.screen.width

浏览器编码解码

浏览器的合法字符有元字符,语义字符等,汉字不是URL的合法字符,需要转码
encodeURI()
encodeURIComponent()
decodeURI()
decodeURIComponent()

avascript refresh page
Javascript刷新页面的几种方法:
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand(‘Refresh’)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容