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 ... ...