乐趣区

关于程序员:JavaScript-Window对象计时事件Cookie

jiezi

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

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 多平台公布

退出移动版