如有帮忙请点赞、珍藏+关注，更多技术材料获取请点击

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 这个前缀。

<script>txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";txt+= "<p>浏览器名称: " + navigator.appName + "</p>";txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";txt+= "<p>硬件平台: " + navigator.platform + "</p>";txt+= "<p>用户代理: " + navigator.userAgent + "</p>";txt+= "<p>用户代理语言: " + navigator.language + "</p>";document.getElementById("example").innerHTML=txt;</script>

JavaScript 计时事件

通过应用 JavaScript，咱们有能力做到在一个设定的工夫距离之后来执行代码，而不是在函数被调用后立刻执行。咱们称之为计时事件。

在 JavaScript 中应用计时事件是很容易的，两个要害办法是:

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

留神: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个办法。

JavaScript Cookie

  • 什么是 Cookie？

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

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

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

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

本文由mdnice多平台公布