JavaScript Window对象、计时事件、Cookie

如有帮助请点赞、收藏+关注，更多技术资料获取请点击

Gitee

Window 对象

• 所有浏览器都支持 window 对象。它表示浏览器窗口。
• 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
• 全局变量是 window 对象的属性。
• 全局函数是 window 对象的方法。
• HTML DOM 的 document 也是 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

其他 Window 方法

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

Window Screen

• window.screen对象在编写时可以不使用 window 这个前缀。
• screen.availWidth - 可用的屏幕宽度
• screen.availHeight - 可用的屏幕高度

Window Location

• location.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http: 或 https:）

Window History

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

Window Navigator

window.navigator 对象在编写时可不使用 window 这个前缀。

JavaScript 计时事件

通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

在 JavaScript 中使用计时事件是很容易的，两个关键方法是:

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

注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。

JavaScript Cookie

• 什么是 Cookie？

  Cookie 是一些数据, 存储于你电脑上的文本文件中。

  当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。

  Cookie 的作用就是用于解决 "如何记录客户端的用户信息":

  • 当用户访问 web 页面时，他的名字可以记录在 cookie 中。
  • 在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。

本文由mdnice多平台发布