検索
ホームページウェブフロントエンドjsチュートリアルJavaScript ウィンドウと JavaScript の入出力チュートリアル

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() との唯一の違いは、出力情報を正常に表示するには、エディタに出力ドキュメントを伝えるために
 を指定する必要があることです。タイプ。ブラウザ内の有効なテキスト タイプによって決定されます。 <p></p>c. ドキュメント ストリームを閉じます。<p></p> 複数のドキュメント オブジェクトを実装する場合は、別のドキュメントを開く前に close() を使用する必要があります。 <p></p>d、ドキュメントの内容をクリアします。clear()。<p></p>開いたドキュメントの内容をクリアするには、このメソッドを使用します。<p></p> 上記は JavaScript ウィンドウと入出力の内容です。PHP の中国語 Web サイトに注意してください。その他の関連コンテンツ (www.php.cn) <p></p><p></p><p></p>
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
JavaScriptとWeb:コア機能とユースケースJavaScriptとWeb:コア機能とユースケースApr 18, 2025 am 12:19 AM

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンの理解:実装の詳細JavaScriptエンジンの理解:実装の詳細Apr 17, 2025 am 12:05 AM

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1)エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2)実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3)ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Python vs. JavaScript:学習曲線と使いやすさPython vs. JavaScript:学習曲線と使いやすさApr 16, 2025 am 12:12 AM

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

Python vs. JavaScript:コミュニティ、ライブラリ、リソースPython vs. JavaScript:コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AM

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1)Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2)Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3)どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへ:すべてがどのように機能するかC/CからJavaScriptへ:すべてがどのように機能するかApr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1)C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2)C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3)JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

JavaScriptエンジン:実装の比較JavaScriptエンジン:実装の比較Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

ブラウザを超えて:現実世界のJavaScriptブラウザを超えて:現実世界のJavaScriptApr 12, 2025 am 12:06 AM

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。