JavaScript学習ノート(Window対象)『サイの本』
5212 ワード
JavaScriptクライアントのWindowオブジェクト
1.タイマー codeは別の文法の応用です.繰り返し実行したい文字列からなるコードです. は、リターン値があり、clearTimeout()およびclear Interval()に渡されると、後続関数の呼び出しをキャンセルすることができる . 2.Windowオブジェクトの属性
2.1 location属性 Dcumentオブジェクトのlocation属性:Locationオブジェクトを参照してください.window.location==document.location//いつもtrueに戻ります. 「URL分解」属性: を表している. にジャンプします. をウィンドウにロードして表示することができる. である. ブラウザを新しいページに移動させる直接的な方法は、新しい である.ウィンドウに複数のサブウィンドウが含まれている場合、サブウィンドウのブラウズ履歴は時間順にメインウィンドウの履歴に挿入されます.これは例えばメインウィンドウの呼び出し DcumentオブジェクトのURL属性:ドキュメントは、ドキュメントのURLを保存する静的文字列を初めて読み込む.
2.3ナビゲート属性 を含む. 属性 属性 属性 である. を閉じるのを待つメッセージを表示する. を返します.これらのダイアログは、一般的にブロックされ、コードが停止され、ロードされているドキュメントは、ユーザが要求に応じてロードを停止します.ユーザーの閲覧体験を損なうので、これらのダイアログを控えめに使うように設計してください.ダイアログはデバッグによく使われます. 4.複数のウィンドウとフォームウィンドウを開けます. url:新しいウィンドウに表示するドキュメントの を開いています.パラメータ2:新しいウィンドウの名前 パラメータ3:コンマで区切られたリストで、サイズと各種属性 が含まれています.パラメータ4:ブール値、 ウィンドウを閉じます:w.close() 閉じられたウィンドウは、 である.フォームは、要素によって作成された です.
1.タイマー
setTimeout(fn,time);// time fn
setInterval(fn,time); // time fn
setTimeout(code,time);// time code
setInterval(code,time); // time code
var timer = setInterval(fn,1000);
clearInterval(timer);
time
が0の場合、指定された関数はすぐに実行されず、待ち状態にあるイベントハンドラが全部実行されたら、すぐに呼び出します.2.1 location属性
Window
オブジェクトのlocation
属性:Location
オブジェクトを参照し、現在表示されているドキュメントのURL
を表しています.Location
のhref
属性は、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()
方法は、ブラウザに現在の文書を再読み込みさせることができる.URL
をlocation
属性に割り当てることである.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()
が、前の表示ドキュメントに戻る可能性がありますが、メインウィンドウはそのまま保留されています.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")
は、文字列の入力を待ってメッセージを表示し、文字列の値var w = window.open(url, 2, 3, 4);
URL
は、省略すると、空白の新しいウィンドウtrue
:新しいウィンドウはウインドウブラウズ履歴の現在のエントリを置き換え、false
:ウィンドウブラウズ履歴に新しいエントリを作成する(デフォルト)Window
オブジェクトを表すものが依然として存在し、w.closed
属性はtrue
であり、document
はnull
である.w.opener
属性参照は、そのスクリプトを開くWindow
オブジェクトw.open().opener === w;