ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript入門チュートリアル(6) ウィンドウ ウィンドウオブジェクト_基礎知識

JavaScript入門チュートリアル(6) ウィンドウ ウィンドウオブジェクト_基礎知識

WBOY
リリース: 2016-05-16 18:56:24
オリジナル
935 人が閲覧しました
JavaScript の Window オブジェクト
JavaScript で最大のオブジェクトであり、ブラウザのウィンドウを記述します。通常、そのプロパティとメソッドを参照する場合は、「window.xxx」という形式を使用する必要はなく、「xxx」を直接使用します。フレーム ページもウィンドウです。
Window オブジェクトには次の属性があります:
name ウィンドウの名前。ウィンドウを開いた接続 () またはフレーム ページ ()、または特定のウィンドウによって呼び出される open() メソッド (以下を参照)。通常、この属性は使用しません。
ステータスとは、ウィンドウ下部の「ステータスバー」に表示される内容を指します。 statusに値を代入することでステータスバーの表示を変更できます。
オープナーの使用法: window.opener; このウィンドウを開くウィンドウ オブジェクトを返します。注: 返されるのはウィンドウ オブジェクトです。ウィンドウが別のウィンドウで開かれていない場合、このプロパティは Netscape では null を返し、IE では「unknown」を返します。 unknown は、ある程度 null と等しくなります。注: unfineed は JavaScript 定数ではありません。「unknown」を使用しようとすると、実際には「unknown」が返されます。
self はウィンドウ自体を参照し、それが返すオブジェクトはウィンドウ オブジェクトとまったく同じです。最も一般的に使用されるのは、
タグ内に配置される「self.close()」です:「Close window」。
parent は、ウィンドウが属するフレーム ページ オブジェクトを返します。
top は、ブラウザ ウィンドウ全体の上部を占めるフレーム ページ オブジェクトを返します。
歴史 歴史的オブジェクト、以下を参照。
位置アドレス オブジェクト。以下を参照。
document ドキュメント オブジェクト。以下を参照。
Window オブジェクトには次のメソッドがあります:
最初のメソッドは、ウィンドウを開く open() です。
使用法:
コードをコピー コードは次のとおりです。

open(< URL 文字列 >, <ウィンドウ名文字列>, <パラメータ文字列>);

説明:
: 開いたウィンドウが開く場所を説明します。空白 ('') のままにすると、Web ページは開かれません。
<ウィンドウ名文字列>: 開いているウィンドウの名前 (window.name) を記述します。「_top」や「_blank」などの組み込みの名前を使用できます。ここでの名前は、「」の「target」属性と同じです。
<パラメータ文字列>: 開いたウィンドウの外観を記述します。通常のウィンドウを開くだけの場合は、文字列を空白 ('') のままにします。外観を指定する場合は、文字列内に 1 つ以上のパラメータをカンマで区切って記述します。
例: 400 x 100 のクリーン ウィンドウを開きます:
コードをコピーします コードは次のとおりです:

open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories=no,status=no, スクロールバー=yes, resizable= yes')

open() のパラメータ
top=# ウィンドウの上端から画面の上端までのピクセル数
left=# ウィンドウの左端から画面の左端までのピクセル数 Number
width=# ウィンドウの幅
height=# ウィンドウの高さ
menubar=。 .. ウィンドウにメニューがあるかどうか、値は [はい] または [いいえ] です。
toolbar=... ウィンドウにツールバーがあるかどうか、値は [はい] または [いいえ] です。
location=... ウィンドウにアドレスがあるかどうか。 bar、値は、yes または no です。
directories=... ウィンドウに接続領域があるかどうか、値は、yes または no です。
scrollbars=.. ウィンドウにスクロール バーがあるかどうか、値は、yes または no です。 no
status=... ウィンドウにステータス バーがあるかどうか、値は [はい] または [いいえ] です
resizable=... ウィンドウのサイズが変更されているかどうか、値は [はい] または [いいえ] です
注: 開いている() メソッドには戻り値があり、返されるのは開いたウィンドウ オブジェクトです。たとえば、
var newWindow = open('','_blank');
このようにして、新しいウィンドウが "newWindow" 変数に割り当てられ、そのウィンドウは "newWindow" 変数を通じて制御されます。将来。
close() は、開いているウィンドウを閉じます。
使用法:
コードをコピー コードは次のとおりです:

window.close( )

または
コードをコピー コードは次のとおりです:

self.close( )

主な関数はこのウィンドウを閉じることです。
.close(): 指定されたウィンドウを閉じます。ウィンドウにステータス バーがある場合、このメソッドを呼び出した後、ブラウザは「Web ページがウィンドウを閉じようとしています。閉じますか?」という警告を表示し、ユーザーが閉じるかどうかを選択するのを待ちます。ステータス バーがない場合、このメソッドを呼び出すとウィンドウが直接閉じられます。
さらに、Window オブジェクトには、ウィンドウからフォーカスを削除してウィンドウを「非アクティブ ウィンドウ」にする次のメソッド
blur() もあります。
focus() により、ウィンドウがフォーカスを取得し、「アクティブ ウィンドウ」になります。ただし、Windows 98 では、この方法では、ウィンドウのタイトル バーとタスク バー上の対応するボタンを点滅させ、ウィンドウがフォーカスを取得しようとしていることをユーザーに通知することしかできません。
scrollTo() 使用法: [.]scrollTo(x, y); ドキュメントが左上隅から数えて (x, y) 点から左上隅までスクロールするようにウィンドウをスクロールします。窓の。
scrollBy() 使用法: [.]scrollBy(deltaX, deltaY); ウィンドウを deltaX ピクセル分右に、deltaY ピクセル分下にスクロールします。負の値を指定すると、逆方向にスクロールします。
resizeTo() 使用法: [.]resizeTo(width, height); ウィンドウのサイズを幅ピクセルと高さピクセルに変更します。
resizeBy() 使用法: [.]resizeBy(deltaWidth, deltaHeight); 幅を deltaWidth ピクセル分、高さを deltaHeight ピクセル分増やして変更します。マイナスの値をとると減少します。
alert() 使用法:alert(); 「OK」ボタンのみを含むダイアログ ボックスを表示し、ドキュメント全体の読み取りとスクリプトの実行を一時停止します。ユーザーが「OK」を押すまで。
confirm() の使用法:confirm(); は、[OK] ボタンと [キャンセル] ボタンを含むダイアログ ボックスをポップアップ表示し、 の内容を表示し、ユーザーに選択を求めます。ドキュメントの作成とスクリプトの実行は一時停止されます。ユーザーが「OK」を押した場合は true 値を返し、「キャンセル」を押した場合は false 値を返します。
prompt() 使用法:prompt([, ]); 「確認」、「キャンセル」およびテキスト ボックスを含むダイアログ ボックスを表示し、 の内容を表示します。ユーザーがテキスト ボックスにデータを入力すると、ドキュメント全体の読み取りとスクリプトの実行が一時停止されます。ユーザーが「確認」を押すと、テキスト ボックス内の既存の内容が返されます。ユーザーが「キャンセル」を押すと、null 値が返されます。 を指定した場合、テキスト ボックスにはデフォルト値が設定されます。
Window オブジェクトには次のイベントがあります:
window.onload; すべてのドキュメントがダウンロードされると発生します。すべてのダウンロードが完了しました。これは、HTML ファイルだけでなく、含まれるすべての画像、プラグイン、コントロール、アプレットなどもダウンロードされたことを意味します。このイベントはウィンドウイベントですが、HTMLでイベントハンドラを指定する場合はタグ内に記述します。
window.onunload; ユーザーがドキュメントを終了する (またはウィンドウを閉じるか、別のページに移動する) ときに発生します。 onloadと同様にHTMLで書きたい場合はタグ内に記述します。
window.onresize; ウィンドウのサイズが変更されるときに発生します。
window.onblur; ウィンドウがフォーカスを失ったときに発生します。
window.onfocus; ウィンドウがフォーカスを取得すると発生します。
window.onerror; エラーが発生した場合に発生します。そのイベント ハンドラーは通常「エラー ハンドラー」と呼ばれ、エラーを処理するために使用されます。前述したように、すべてのエラーを無視するには、次を使用します:
コードをコピー コードは次のとおりです:

関数ignoreError() {
trueを返す
}
window.onerror =無視エラー;
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート