JavaScript 学习（2-2）

参考： http://www.w3cschool.cc/js/js-window.html

四、浏览器 BOM

    浏览器对象模型（BOM）使JavaScript有能力与浏览器“对话”。

    （1）Window

        浏览器对象模型（Browser Object Model），尚无正式标准。

        所有浏览器都支持window对象，它表示浏览器窗口。

// 甚至HTML DOM 的 document 也是 window 对象的属性之一：
window.document.getElementById("header");
document.getElementById("header");

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

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

window.open(); // 打开新窗口
window.close(); // 关闭当前窗口
window.moveTo(); // 移动当前窗口
window.resizeTo(); // 调整当前窗口

    （2）Window Screen

        window.screen 对象包含有关屏幕的信息。

screen.availWidth; // 可用屏幕宽度
screen.availHeight; // 可用屏幕高度
Screen { availWidth: 1366, availHeight: 738, width: 1366, height: 768, colorDepth: 24, pixelDepth: 24, top: 0, left: 0, availTop: 0, availLeft: 0 }

    （3）Window Location

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

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

    （4）Window History

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

JavaScript 学习（2-2）

原文：http://my.oschina.net/lpe234/blog/323717