JavaScript学習ノート(Window対象)『サイの本』

5212 ワード

JavaScriptクライアントのWindowオブジェクト
1.タイマー
setTimeout(fn,time);//   time       fn   
setInterval(fn,time); //   time         fn   
setTimeout(code,time);//   time       code   
setInterval(code,time); //   time         code   
  • codeは別の文法の応用です.繰り返し実行したい文字列からなるコードです.
  • は、リターン値があり、clearTimeout()およびclear Interval()に渡されると、後続関数の呼び出しをキャンセルすることができる
  • .
    var timer = setInterval(fn,1000);
    clearInterval(timer);
    
  • timeが0の場合、指定された関数はすぐに実行されず、待ち状態にあるイベントハンドラが全部実行されたら、すぐに呼び出します.
  • 2.Windowオブジェクトの属性
    2.1 location属性
  • Windowオブジェクトのlocation属性:Locationオブジェクトを参照し、現在表示されているドキュメントのURLを表しています.
  • Dcumentオブジェクトのlocation属性:Locationオブジェクトを参照してください.window.location==document.location//いつもtrueに戻ります.
  • Locationhref属性は、URLの完全なテキストに戻る.
  • 「URL分解」属性:Locationオブジェクトの他の属性:protocol,host,hostname,port,pathname,search,はそれぞれURLの各部
  • を表している.
  • hash属性は、URLのセグメント識別子部分に戻る.
  • search属性は?に戻った後のURLに戻り、これらの属性は書き込み可能であり、属性を変更する値はURLに変更され、ドキュメントを再読み込みするか、または現在のドキュメントに
  • にジャンプします.
    location.search = "?page=" + (pagenum+1);//       
    
  • locationを使ってページをジャンプします.
  • Locationオブジェクトのassign()方法は、指定されたURL内の文書
  • をウィンドウにロードして表示することができる.
  • replace()方法は、新しい文書を読み込む前に、閲覧履歴から現在の文書を削除する
  • である.
  • reload()方法は、ブラウザに現在の文書を再読み込みさせることができる.
  • ブラウザを新しいページに移動させる直接的な方法は、新しいURLlocation属性に割り当てることである.
    location = "htttp://www.oreilly.com"; //      URL、  URL,       
    
    2.2 history属性
  • history属性参照Historyオブジェクト、Historyオブジェクトは、ウィンドウのブラウズ履歴をドキュメントおよびドキュメント状態リストとして表示するためのものです.
  • Historyオブジェクトのlength属性は、閲覧履歴リストの要素の数を示しており、セキュリティ上、スクリプトは保存済みURLにアクセスできない.
  • history.back():ブラウズ履歴で1マス後退します.
  • history.forward():ブラウズ履歴で1つ前に進む.
  • history.go(num)/num:ちょうどブラウズ履歴において任意のページをスキップすることを表し、負の値は任意のページを後ろにスキップすることを示す
  • である.
  • ウィンドウに複数のサブウィンドウが含まれている場合、サブウィンドウのブラウズ履歴は時間順にメインウィンドウの履歴に挿入されます.これは例えばメインウィンドウの呼び出しhistory.back()が、前の表示ドキュメントに戻る可能性がありますが、メインウィンドウはそのまま保留されています.
  • DcumentオブジェクトのURL属性:ドキュメントは、ドキュメントのURLを保存する静的文字列を初めて読み込む.
    2.3ナビゲート属性
  • Windowオブジェクトのnavigator属性参照Navigatorオブジェクトは、ブラウザベンダーとバージョン情報
  • を含む.
  • navigator.appName/ウェブブラウザに戻るフルネーム
  • navigator.appVersion/通常は数字で始まり、ブラウザメーカーとバージョン情報を含む詳細な文字列が続く.
  • navigator.userAgent/appVersion内のすべての情報を含み、他の詳細もしばしば含まれる.
  • navigator.platform/ブラウザのオペレーティングシステムの文字列.
  • console.log("appName: 
    " + window.navigator.appName); // Web ,IE “Microsoft Internet Explorer”, “Netscape” console.log("appVersion:
    " + window.navigator.appVersion); // console.log("userAgent:
    " + window.navigator.userAgent); // ( appVersion ) console.log("platform:
    " + window.navigator.platform); //
    2.4 screen属性
  • Windowオブジェクトのscreen属性参照Screenオブジェクトは、ウィンドウ表示のサイズと利用可能な色の数に関する情報を提供する.
  • 属性widthおよびheightは、ピクセル単位のウィンドウのサイズを指定します.
  • 属性availWidthおよびavailHeightは、実際に利用可能な表示サイズを指定し、デスクトップ・タスクバーのような特性によって占有される空間を排除している.
  • 属性colorDepthは、表示されるBPP値を指定し、典型的な値は16,24,32
  • である.
    console.log("width: " + window.screen.width);        //     
    console.log("height: " + window.screen.height);        //     
    console.log("availWidth: " + window.screen.availWidth);        //       
    console.log("availHeight: " + window.screen.availHeight);    //       
    
    3.ダイアログ
  • alert("msg")は、ユーザが
  • を閉じるのを待つメッセージを表示する.
  • confirm("msg")は、ユーザが決定(trueに戻る)またはキャンセル(falseに戻る)を待つメッセージを表示する.
  • prompt("msg")は、文字列の入力を待ってメッセージを表示し、文字列の値
  • を返します.
  • これらのダイアログは、一般的にブロックされ、コードが停止され、ロードされているドキュメントは、ユーザが要求に応じてロードを停止します.ユーザーの閲覧体験を損なうので、これらのダイアログを控えめに使うように設計してください.ダイアログはデバッグによく使われます.
  • 4.複数のウィンドウとフォーム
  • ウィンドウを開けます.
  • var w = window.open(url,  2,  3,  4);
    
  • url:新しいウィンドウに表示するドキュメントのURLは、省略すると、空白の新しいウィンドウ
  • を開いています.
  • パラメータ2:新しいウィンドウの名前
  • パラメータ3:コンマで区切られたリストで、サイズと各種属性
  • が含まれています.
  • パラメータ4:ブール値、true:新しいウィンドウはウインドウブラウズ履歴の現在のエントリを置き換え、false:ウィンドウブラウズ履歴に新しいエントリを作成する(デフォルト)
  • ウィンドウを閉じます:w.close()
  • 閉じられたウィンドウは、Windowオブジェクトを表すものが依然として存在し、w.closed属性はtrueであり、documentnullである.
  • w.opener属性参照は、そのスクリプトを開くWindowオブジェクト
  • である.
    w.open().opener === w;
    
  • フォームは、要素によって作成された
  • です.