JavaScript 学习（2）

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

---

4、浏览器 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 对象包含浏览器的历史。

history.back(); // 与在浏览器点击后退按钮相同
history.forward(); // 与在浏览器中点击按钮向前相同

    （5）Window Navigator

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

    （6）弹窗

        能够在JavaScript中建立三种消息框：警告框，确认框，提示框。

// 警告框
window.alert(" sometext ");

// 确认框。点击“确认”，返回true。点击“取消”，返回false。
window.confirm(" sometext ");

// 提示框。
window.prompt(" sometext ", "default_value");

    （7）计时事件

        经过使用JavaScript，咱们有能力作到在一个设定的时间间隔以后执行代码，而不是在函数被调用后当即执行。咱们称之为计时事件。

        在JavaScript中使用计时事件是很容易的，两个关键方法是：

setInterval(); // 间隔指定的毫秒数不停的执行指定代码
setTimeout(); // 暂停指定的毫秒数后执行指定代码

window.setInterval("javascript function",milliseconds);
window.clearInterval(intervalVariable);

window.setTimeout("javascript 函数",毫秒数);
window.clearTimeout(timeoutVariable);

// 简单时钟
<script>
    setInterval(function(){doTimer()}, 1000);
    function doTimer(){
        var time = new Date();
        var time_str = time.toLocaleTimeString();
        document.getElementById("timer").innerHTML = time_str;
    }
</script>
<div id="timer"></div>

    （8）Cookies

        在JavaScript中，可使用document.cookie 属性来建立，读取，删除cookies。

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

// 读取 cookie
var x = document.cookie; // 以字符串的方式返回全部cookies，类型格式：cookie1=value; cookie2=value; cookie3=value;

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

// 删除 cookie， 将expires参数设置为之前的时间便可
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

---

5、JavaScript 库

    JavaScript 库 - JQuery，Prototype，MooTools。

    （1）简介

        JavaScript高级程序设计（特别是针对浏览器差别的处理），一般很困难也很耗时。

        为了应对这些调整，许多的JavaScript（helper）库应用而生。这些库一般称为 JavaScript框架。

        全部这些框架都提供针对常见 JavaScript任务的函数，包括动画、DOM操做、以及AJAX处理。

        JQuery目前最受欢迎的JavaScript框架。使用CSS选择器来访问和网页上的HTML元素（DOM对象）。

    （2）JQuery

        这里只所JQuery吧，至于JQuery，打算从新写篇文章 ... ...       

---

6、

    至此，JavaScript算是基本完成了。下面 JQuery ... ...