JS BOM

优秀博客

所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员
document 对象也是 window 对象属性

属性

窗口尺寸

window.innerHeight - 浏览器窗口的内高度（以像素计）
window.innerWidth - 浏览器窗口的内宽度（以像素计）

对于 Internet Explorer 8, 7, 6, 5：

• document.documentElement.clientHeight
• document.documentElement.clientWidth
  或
• document.body.clientHeight
• document.body.clientWidth

window.screen 对象属性：

• screen.width 用户屏幕宽度
• screen.height 高度
• screen.availWidth 除去任务栏宽度
• screen.availHeight 除去任务栏高度
• screen.colorDepth 屏幕色彩深度 xx位
• screen.pixelDepth 屏幕像素深度 xx位
  现代计算机颜色深度和像素深度是相等的

window.location 对象

获取当前页面地址（URL）并把浏览器重定向到新页面

相关属性

href：当前页面的 URL
hostname：当前页面所属因特网主机的名称
protocol：页面的 web 协议
port：（当前页面的）互联网主机端口的编号

方法

.assign() 方法加载新文档

window.history 对象

包含浏览器历史

• history.back() - 等同于在浏览器点击后退按钮
• history.forward() - 等同于在浏览器中点击前进按钮

window.navigator 对象

包含有关访问者的信息

属性

cookieEnabled cookie 已启用 返回 true
appName 属性返回浏览器的应用程序名称

“Netscape” 是 IE11、Chrome、Firefox 以及 Safari 的应用程序名称的统称。

appCodeName 属性返回浏览器的应用程序代码名称

“Mozilla” 是 Chrome、Firefox、IE、Safari 以及 Opera 的应用程序代码名称。

product 属性返回浏览器引擎的产品名称

大多数浏览器都将 “Gecko” 作为产品名称返回！

appVersion 属性返回有关浏览器的版本信息

userAgent 属性返回由浏览器发送到服务器的用户代理报头（user-agent header）

platform 属性返回浏览器平台（操作系统）

language 属性返回浏览器语言

onLine 属性返回 true，假如浏览器在线

javaEnabled() 方法返回 true，如果 Java 已启用

窗口方法

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

弹出框 (可以不带 window 前缀来写)

警告框：
window.alert() 方法。
确认框：
window.confirm() 方法
如果用户单击“确定”，该框返回 true。如果用户单击“取消”，该框返回 false。
提示框:

window.prompt("sometext","defaultText");

如果用户单击“确定”，该框返回输入值。如果用户单击“取消”，该框返回 NULL。

Timing 事件 定时事件

window.setTimeout(function, milliseconds)

在等待指定的毫秒数后执行函数。

window.setInterval(function, milliseconds)

等同于 setTimeout()，但持续重复执行该函数。

定时的停止

clearTimeout() 方法停止执行 setTimeout() 中规定的函数

myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);

clearInterval() 方法停止 setInterval() 方法中指定的函数的执行

myVar = setInterval(function, milliseconds);
clearInterval(myVar);

Cookies

为了解决“如何记住用户信息”而发明的：

• 当用户访问网页时，他的名字可以存储在 cookie 中。
• 下次用户访问该页面时，cookie 会“记住”他的名字。
  当浏览器从服务器请求一个网页时，将属于该页的 cookie 添加到该请求中。这样服务器就获得了必要的数据来“记住”用户的信息。
  保存形式：名称值对中 用=连接

通过 JavaScript 创建 cookie

document.cookie 属性创建、读取、删除 cookie
通过 path 参数，您可以告诉浏览器 cookie 属于什么路径。默认情况下，cookie 属于当前页。

document.cookie = "username=Bill Gates; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";

处理cookie的方法需要自定义