JavaScript学習(2)

3767 ワード

JavaScript js。

参考: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オブジェクトにはブラウザの歴史が含まれています。

history.back(); //              
history.forward(); //

    （5）Window Navigator
        window.navigatorオブジェクトには訪問者ブラウザに関する情報が含まれています。
    （6）パチンコ
        JavaScriptでは、3つのメッセージボックスを作成することができます。警告ボックス、確認ボックス、プロンプトボックス。

//    
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.co okie属性を使用して作成、読み取り、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";

五、JavaScriptライブラリ
    JavaScriptライブラリ-JQuery、Prottype、MooTools。
    （1）概要
        JavaScript高級プログラムの設計（特にブラウザの違いに対する処理）は、通常困難で時間がかかります。
        これらの調整に対応するために、多くのJavaScriptライブラリが適用されます。これらのライブラリは通常JavaScriptフレームと呼ばれる。
        これらのフレームは、アニメーション、DOM操作、およびAJAX処理を含む、よくあるJavaScriptタスクの関数を提供します。
        JQueryは現在最も人気のあるJavaScriptフレームです。CSS選択器を使用して、ウェブページ上のHTML要素（DOMオブジェクト）にアクセスします。
    （2）JQuery
        ここはJQueryだけですよね。JQueryに関しては、改めて文章を書くつもりです。
六、
    これでJavaScriptはほぼ完成しました。次はJQueryです。

【HDU】1693 Eat the Trees