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

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

黄舟
黄舟
Dec 22, 2016 pm 03:37 PM

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)
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホット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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

もっと見る

人気の記事

アサシンのクリードシャドウズ：シーシェルリドルソリューション
3週間前 By DDD
Windows11 KB5054979の新しいものと更新の問題を修正する方法
2週間前 By DDD
Atomfallのクレーンコントロールキーカードを見つける場所
3週間前 By DDD
<🎜>：Dead Rails-すべての課題を完了する方法
4週間前 By DDD
Atomfall Guide：アイテムの場所、クエストガイド、およびヒント
1 か月前 By DDD
もっと見る

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？
7681
15
Java チュートリアル
1639
14
CakePHP チュートリアル
1393
52
Laravel チュートリアル
1286
25
PHP チュートリアル
1229
29
もっと見る
Related knowledge
フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか？ フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか？ Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

誰がより多くのPythonまたはJavaScriptを支払われますか？ 誰がより多くのPythonまたはJavaScriptを支払われますか？ Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

javascriptの分解：それが何をするのか、なぜそれが重要なのか javascriptの分解：それが何をするのか、なぜそれが重要なのか Apr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1）イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2）動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3）非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は？ JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は？ Apr 04, 2025 pm 05:09 PM

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は？データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は？ または： Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか？ Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は？ または： Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか？ Apr 04, 2025 pm 05:36 PM

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト（https://www.shisido.co.co.jp/sb/wonderland/）と同様の達成方法について説明します。

JavaScriptは学ぶのが難しいですか？ JavaScriptは学ぶのが難しいですか？ Apr 03, 2025 am 12:20 AM

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1）変数、データ型、関数などの基本概念を理解します。2）非同期プログラミングをマスターし、イベントループを通じて実装します。 3）DOM操作を使用し、非同期リクエストを処理することを約束します。 4）一般的な間違いを避け、デバッグテクニックを使用します。 5）パフォーマンスを最適化し、ベストプラクティスに従ってください。

フロントエンド開発でVSCodeと同様に、パネルドラッグアンドドロップ調整機能を実装する方法は？ フロントエンド開発でVSCodeと同様に、パネルドラッグアンドドロップ調整機能を実装する方法は？ Apr 04, 2025 pm 02:06 PM

フロントエンドのVSCodeと同様に、パネルドラッグアンドドロップ調整機能の実装を調べます。フロントエンド開発では、VSCODEと同様のVSCODEを実装する方法...

Console.log出力の違い結果：なぜ2つの呼び出しが異なるのですか？ Console.log出力の違い結果：なぜ2つの呼び出しが異なるのですか？ Apr 04, 2025 pm 05:12 PM

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

See all articles