BOM

2019-05-07 本文已影响0人小旎子_8327

Window

Window 尺寸

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：
window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
对于 Internet Explorer 8、7、6、5：
document.documentElement.clientHeight
document.documentElement.clientWidth
或者
document.body.clientHeight
document.body.clientWidth

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

其他 Window 方法

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

window.screen

screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度

window. location

属性
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口（80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
location.href 属性返回当前页面的 URL。
方法
location.assign("http://www.w3cschool.cc")

window.history

history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击向前按钮相同
history.go(N);

window.navigator

txt = "浏览器代号: " + navigator.appCodeName + "";
txt+= "浏览器名称: " + navigator.appName + "";
txt+= "浏览器版本: " + navigator.appVersion + "";
txt+= "启用Cookies: " + navigator.cookieEnabled + "";
txt+= "硬件平台: " + navigator.platform + "";
txt+= "用户代理: " + navigator.userAgent + "";
txt+= "用户代理语言: " + navigator.systemLanguage + "";

弹窗

window.alert("sometext");
window.confirm("sometext");
window.prompt() 方法可以不带上window对象，直接使用prompt()方法。

计时器

setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 在指定的毫秒数后执行指定代码。
clearInterval(intervalVariable)
clearTimeout(timeoutVariable)

BOM