JavaScript Window Screen

JavaScript Window Screen

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

JavaScript Window Location

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

Window Location Assign

location.assign() 方法加载新的文档。

JavaScript Window History

JavaScript Window Navigator

JavaScript 弹窗
可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。

警告框

window.alert

确认框

window.confirm()

确认框通常用于验证是否接受用户操作。

当确认卡弹出时，用户可以点击 “确认” 或者 “取消” 来确定用户操作。

当你点击 “确认”, 确认框返回 true， 如果点击 “取消”, 确认框返回 false。

提示框

点击按钮查看输入的对话框。

点我

window.prompt("sometext","defaultvalue"); 提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

点击按钮查看输入的对话框。

点我

换行
\n

点击按钮在弹窗总使用换行。

点我

JavaScript 计时事件
JavaScript 一个设定的时间间隔之后来执行代码

我们称之为计时事件

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

在页面显示一个时钟

setTimeout() - 在指定的毫秒数后执行指定代码。

如何停止执行?

setTimeout() 方法

clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。

点击第一个按钮等待3秒后出现"Hello"弹框。

点击第二个按钮来阻止第一个函数运行。（你必须在3秒之前点击它）。

点我 停止弹框

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

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

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

当用户访问 web 页面时，他的名字可以记录在 cookie 中。
在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。
Cookie 以名/值对形式存储，如下所示:

username=John Doe

Cookie 字符串