04-BOMに関する知識紹介

2654 ワード

JavaScriptの三つの構成部分:
  • コア(ECMAScript)、ヨーロッパのコンピュータメーカーの休憩会:JSの文法と基本的なオブジェクトを記述しました.
  • 文書オブジェクトモデル(DOM):ウェブコンテンツを処理する方法とインターフェース.
  • ブラウザオブジェクトモデル(BOM):ブラウザと対話する方法とインターフェース.
  • 常用イベント:
    イベント名
    説明
    onclick
    マウスクリック
    ondblclick
    マウスをダブルクリック
    onkeyup
    キーボードのキーを押してリリースするときにトリガします.
    オンチャン
    テキストの内容やプルダウンメニューのオプションが変更された場合
    onfocus
    フォーカスを取得し、テキスト枠などを表示してマウスカーソルを取得します.
    onblur
    焦点を失う
    onmouseover
    マウスが止まり、マウスが写真などの上に止まっています.
    onmousout
    マウスを削除して、マウスを画像などの場所に移動します.
    onload
    ウェブページの読み込みイベント
    ワンロード
    ウェブページを閉じるときにトリガ
    onsubmit
    フォーム送信イベント
    オンレス
    フォームをリセットする場合
    oninput
    input内容変更時トリガ
    BOM
  • ブラウザオブジェクトモデル.
  • BOMのトップオブジェクトはwindowで、通常は省略できます.
  • メンバー変数もwindowの属性です.
  • カスタム関数もwindowの一つの方法です.
  • DOMのトップはdocumentで、documentはwindowの一部です.
  • windowオブジェクト:
  • windowオブジェクトはJavaScriptのトップオブジェクトです.
  • グローバルスコープで定義されている変数、関数はすべてwindowオブジェクトの属性と方法になります.
  • windowオブジェクトのプロパティとメソッド呼び出し時にはwindowを省略することができます.
  • window内蔵関数:
  • window.open(url,target,param);:urlは開くURLで、targetは新しいウィンドウを開くかどうかを示すために、paramは新しいウィンドウのいくつかの設定です.その中のparamの中ではキーのペアがあります.フルスクリーンなどの基本設定ができますか?3番目のパラメータも省略できます.
  • window.close();:ウィンドウを閉じます.
  • window内蔵オブジェクト
    locationオブジェクト:
  • locationはブラウザのアドレスバーに相当します.
  • は、urlを独立したフラグメントに解析することができる.
  • locationオブジェクトの属性:
  • href:ラベルのonclick方法にlocation.href="http://baidu.com";を追加して、ラベルをクリックするとページジャンプができます.
  • hash
  • host
  • hostname;
  • pathname;
  • protocol.
  • search
  • reload
  • navigatorオブジェクト
  • window.navigatorのいくつかの属性は、クライアントのいくつかの情報を取得することができます.
  • userAgent(了解);
  • plotform(了解)
  • history対象
  • 履歴管理.
  • :
  • history.back()
  • history.go(-1)、0はリフレッシュです.
  • :
  • history.forward()
  • history.go(1)
  • タイマー
    サイクル実行(設定待ち時間が経過したら実行)
  • は、タイマーを定義します.var timeIT = setInterval(code,interval);
  • クリアランス:タイマーには戻り値があります.戻り値はタイマーの名前です.タイマーをクリアする時はタイマーの名前が入ってきたらタイマーを停止できます.clearIntervarl(timeTT);
  • 間隔で実行され、時間は特に正確ではない.
  • タイマーの定義方法は全部で3つあります.
  • 匿名関数:
  •     setInterval(function(){
            //code
        },5000);    // 5     
    
  • 呼び出し関数
  •     setInterval(fn,5000);
    
  • バンドパラメータ関数
  • を呼び出します.
        setInterval("fn(aaa)",5000);
    
    使い捨てタイマー
  • 定義:var timeTO = setTimeout(code,interval);;
  • クリアタイマ:clearTimeout(timeTO);.