コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript ウィンドウと JavaScript の入出力チュートリアル

JavaScript ウィンドウと JavaScript の入出力チュートリアル

黄舟
リリース： 2016-12-22 15:37:27
オリジナル
1431 人が閲覧しました

JavaScript はオブジェクトベースのスクリプトプログラミング言語であるため、その入力と出力はオブジェクトを通じて完了します。関連する入力は Window オブジェクトを通じて実行でき、出力は Document オブジェクトのメソッドを通じて実行できます。

ウィンドウと入力と出力

次の例を参照してください: 

<html>
<head>
<meta charset="utf-8">
<script languaga="JavaScript">var test = window.prompt("请输入数据:");document.write(test+"JavaScript 输入输出的例子");
</script>
</head>
</html>
ログイン後にコピー

ここで、window.prompt() はウィンドウ オブジェクトのメソッドであり、その基本的な機能は、ウィンドウに「OK」と「OK」のメッセージを表示することです。 Webページ読み込み時の「キャンセル」ダイアログボックスが表示され、データをエクスポートすることができます。 document.writle は document オブジェクトのメソッドであり、基本的な機能は Web ページの出力表示を実現することです。

1. Window オブジェクト

このオブジェクトには、多くの便利なプロパティ、メソッド、イベント ドライバーが含まれており、プログラマはこれらのオブジェクトを使用して、ダイアログ ボックス、フレームなど、ブラウザ ウィンドウの表示のさまざまな側面を制御できます。 使用する際は次の点に注意してください:

a. このオブジェクトは、HTML ドキュメントの と に対応します。 c. Window オブジェクトは JavaScript スクリプトで直接参照できます。例:

window.alert("ウィンドウ オブジェクト入力メソッド")

次の形式を直接使用できます:

alert("ウィンドウ オブジェクト入力メソッド")

2。

Windowオブジェクト 主にWebドキュメントをロードするonloadイベントとアンロードするonunloadイベントがあります。 ドキュメントの読み込み中および読み込みの停止時に、ドキュメントの更新を開始および停止するために使用されます。

3. window オブジェクトのメソッド

window オブジェクトのメソッドは、主に情報の提供やデータの入力、新しいウィンドウの作成に使用されます。

新しいウィンドウを作成する open()

新しいウィンドウを作成するには、window.open (パラメータリスト) メソッドを使用します。パラメータ テーブルには、ウィンドウの主な特性と、ドキュメントとウィンドウの名前が示されています。

OKボタン付きダイアログ

alert()メソッドでOKボタン付きダイアログを作成できます。

OK ボタンとキャンセル ボタンのあるダイアログ

confirm() メソッドは、プログラマに 2 つのボタンのあるダイアログを提供します。

入力情報を含むダイアログボックス

prompt() メソッドを使用すると、ユーザーはダイアログ ボックスに情報を入力し、デフォルト値を使用できます。その基本形式は、prompt("プロンプト情報", デフォルト値) です。

4. window オブジェクトの属性

window オブジェクトの属性は、主にブラウザー内に存在するさまざまなウィンドウとフレームを参照するために使用されます:

a、フレームの数。ドキュメント内のフレームの数。

Frames(フレーム)は、ウィンドウの分割操作を実現する上で非常に便利な役割を果たします。使用する際は以下の点に注意してください: フレーム属性は、HTML マーク の順序で参照されます。すべてのフレームの内容。フレーム自体はウィンドウの一種であり、ウィンドウ オブジェクトのすべてのプロパティとメソッドを継承します。

b、Parent は、現在のウィンドウまたはフレームの親ウィンドウを示します。

c、defaultstatus: デフォルトのステータス。その値はウィンドウのステータスバーに表示されます。

d、ステータス: ドキュメントウィンドウのフレーム内の現在の情報が含まれます。

e、上: すべての下位ウィンドウを実装するために使用されるウィンドウが含まれます。

f、ウィンドウは現在のウィンドウを指します。

g、self: 現在のウィンドウを参照します。

5. 出力ストリームとドキュメントオブジェクト

JavaScript ドキュメントオブジェクトでは、HTML ページを表示、閉じる、削除、開くための出力ストリームが提供されます。

a. 新しいドキュメントの open() メソッドを作成します。

document.open() を使用して、新しいウィンドウを作成するか、指定されたコマンド ウィンドウでドキュメントを開きます。 window オブジェクトはロードされた親オブジェクトであるため、そのプロパティまたはメソッドを呼び出すときに Window オブジェクトを追加する必要はありません。例 Window.Open() は Open() と同じです。

ウィンドウを開く基本形式:

Window .open("URL","Window Name","Window Properties"]

window 属性パラメータはカンマで区切られた文字列リスト項目であり、関連するプロパティを指定します新しく作成したウィンドウの

b、write()、writeln()の出力表示

このメソッドは主にWebページ上に出力情報を表示するために使用されます。 write() との唯一の違いは、出力情報を正常に表示するには、エディタに出力ドキュメントを伝えるために 
 を指定する必要があることです。タイプ。ブラウザ内の有効なテキスト タイプによって決定されます。 
c. ドキュメント ストリームを閉じます。
 複数のドキュメント オブジェクトを実装する場合は、別のドキュメントを開く前に close() を使用する必要があります。 
d、ドキュメントの内容をクリアします。clear()。
開いたドキュメントの内容をクリアするには、このメソッドを使用します。
 上記は JavaScript ウィンドウと入出力の内容です。PHP の中国語 Web サイトに注意してください。その他の関連コンテンツ (www.php.cn)
関連ラベル：
JavaScript教程，JavaScript窗口
ソース：php.cn
前の記事：ページ情報の対話を実装するための JavaScript チュートリアル スクリプト 次の記事：JavaScript チュートリアル: オブジェクト システムの使用
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
要素が画面上にある場合でも、要素が表示される前に「waitForSelector」がタイムアウトします。 チェックアウト ボットを構築していますが、ボットにクリックするよう指示した要素が画面上に表示されるにもかかわらず、ボットがクリックしない、愚かな「テキスト メッセージを受信するには...
から 2024-04-04 18:31:08
0
1
1416
画面上で何も中央揃えにできません CSS を使用して HTML 上に応答性の高いナビゲーション バーを作成する方法に関する YouTube チュートリアルに従っています。画面の中央にテキストを追加しようとすると、テ...
から 2024-04-01 11:51:40
0
2
303
穴あきコンテナの作成: ステップバイステップガイド 初めてアプリの使用方法に関するチュートリアルを作成しています。チュートリアルでボタンの使い方のポップアップみたいなのですが、背景を暗くして、ボタンの周りを囲む円が表示されてチュート...
から 2024-03-31 11:20:02
0
2
301
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート