JavaScript Window - 浏览器对象模型

Window 尺寸

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

该例显示浏览器窗口的高度和宽度：（不包括工具栏/滚动条）

其他 Window 方法

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

Window Screen

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

Window Location

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

• ocation.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http:// 或 https://）
• location.href 属性返回当前页面的 URL。
• location.assign() 方法加载新的文档。
  

JavaScript Window History

window.history 对象包含浏览器的历史。

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

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

JavaScript Window Navigator

window.navigator 对象包含有关访问者浏览器的信息。

来自 navigator 对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：

• navigator 数据可被浏览器使用者更改
• 一些浏览器对测试站点会识别错误
• 浏览器无法报告晚于浏览器发布的新操作系统

警告框

window.alert("sometext");

确认框

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

window.confirm("sometext");

提示框

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

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

JavaScript 计时事件

• setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
• setTimeout() - 在指定的毫秒数后执行指定代码。（setTimeout() 方法会返回某个值。）

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

window.setInterval("javascript function",milliseconds);  //1000毫秒是1秒

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

window.clearInterval(intervalVariable)

要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量：

myVar=setInterval("javascript function",milliseconds);  //window.clearInterval(myVar);

要使用clearTimeout() 方法, 你必须在创建超时方法中（setTimeout）使用全局变量:

使用 JavaScript 创建Cookie

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

expires是过期时间（以 UTC 或 GMT 时间），path是cookie 的路径。默认情况下，cookie 属于当前页面。

使用 JavaScript 读取 Cookie

var x = document.cookie;

document.cookie 将以字符串的方式返回所有的 cookie，类型格式： cookie1=value; cookie2=value; cookie3=value;

使用 JavaScript 修改 Cookie

在 JavaScript 中，修改 cookie 类似于创建 cookie，旧的 cookie 将被覆盖。

使用 JavaScript 删除 Cookie

注意，当您删除时不必指定 cookie 的值。

设置 cookie 值的函数

function setCookie(cname,cvalue,exdays)
{
  var d = new Date();
  d.setTime(d.getTime()+(exdays*24*60*60*1000));
  var expires = "expires="+d.toGMTString();
  document.cookie = cname + "=" + cvalue + "; " + expires;
}

获取 cookie 值的函数

function getCookie(cname)
{
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i=0; i<ca.length; i++) 
  {
    var c = ca[i].trim();
    if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
  return "";
}