JavaScript レビュー記録 - 出力のさまざまな用途

以前JSで出力内容を勉強したことはありましたが、今ひっくり返して見てみると非常に見慣れないので、暗記する場合はメモしたほうが印象が深まります。将来的にはレビューがはるかに簡単になります。

1. 出力コンテンツ document.write

document.write() を使用して、コンテンツを HTML 出力ストリームに直接書き込み、コンテンツを Web ページに直接出力できます。

(1)出力内容を直接「」で囲みます。

document.write("Hello World!");

(2) 変数を通じて内容を出力します。

var myVar="Hello World!";
document.write(myVar);

(3) 複数の内容を出力し、+記号でつなぎます。

var myVar="Hello";
document.write(myVar + "World!");

(4) HTMLタグを出力します。タグは「 」で囲まれます。

var myVar="Hello World!";
document.write(myVar + "</br>");

2. スペースの出力

ブラウザの表示メカニズムにより、手動で入力されたスペースは、複数の連続したスペースを 1 つのスペースに表示します。

(1) 出力された HTMl タグを使用して解決します。

document.write("  "+"1"+"   "+"23");
//输出结果：  1   23

(2) CSS スタイルで解決しました。

document.write("<span style=&#39;white-space:pre&#39;>"+"  1   23"+"</span>");
//输出结果：  1   23

3. 警告、警告メッセージ ダイアログ ボックス

メッセージ ダイアログ ボックスは通常、プログラムのデバッグに使用できます。アラート出力コンテンツは文字列または変数にすることができ、document.write に似ています。

4. 確認、メッセージ確認ダイアログ ボックス

メッセージ確認ダイアログ ボックスは、ユーザーが選択できるようにするためによく使用されます。構文:confirm(str); ここで、strはメッセージダイアログボックスに表示されるテキストで、戻り値はブール値です。

var myMessage=confirm("你想学习吗？");
if(myMessage==true){
    document.write("想的，好好学习。");
}
else{
    document.write("不，你想！");
}

注: ユーザーは、ダイアログ ボタンをクリックするまで他の操作を実行できません。

5. 質問、プロンプト メッセージ ダイアログ ボックス

プロンプトは、通常、ユーザーとの対話を必要とするいくつかのメッセージを要求するために使用されるメッセージ ダイアログ ボックスを表示します。プロンプト メッセージ ダイアログ ボックスには、[OK] ボタン、[キャンセル] ボタン、およびテキスト入力ボックスが含まれています。構文:prompt(str1,str2); ここで、str1 はメッセージ ダイアログ ボックスに表示されるテキストであり、変更できません。str2 はテキスト ボックスの内容であり、変更できます。

var myName=prompt("请输入您的大名：");
if(myName!=Null){
    alert("Hello "+myName);
}
else{
    alert("Hello my friend.");
}

6. 新しいウィンドウを開きます。 window.open

open() メソッドは、既存または新しく作成されたブラウザ ウィンドウを見つけることができます。構文: window.open([URL],[ウィンドウ名],[パラメータ文字列]); そのうち、

URL: オプションのパラメータ、省略された場合はウィンドウに表示される Web ページの URL またはパスパラメータ値は次のとおりです。 文字列が空の場合、ウィンドウにはドキュメントが表示されません。

ウィンドウ名: 名前は文字、数字、_ で構成されます。特別な意味を持つ名前: _blank、ターゲット Web ページを新しいウィンドウに表示、_self、ターゲット Web ページを現在のウィンドウに表示、_top、ターゲット Web ページをフレーム Web ページの上部ウィンドウに表示します。異なるウィンドウには異なる名前が必要であり、名前にスペースを含めることはできません。

パラメータ文字列:

パラメータ	価値	手順
トップ	番号	ウィンドウの上部が画面の上部から離れているピクセル数
左	番号	ウィンドウの左端が画面の左端から離れるピクセル数
幅	番号	ウィンドウ幅
身長	番号	窓の高さ
メニューバー	はい、いいえ	ウィンドウにメニューがあるかどうか
ツールバー	はい、いいえ	ウィンドウにツールバーがあるかどうか
スクロールバー	はい、いいえ	ウィンドウにスクロールバーがあるかどうか
ステータス	はい、いいえ	ウィンドウにステータスバーがあるかどうか

7. ウィンドウを閉じます、window.close

var myWin=window.open("https://blog.csdn.net/bertZuo");    //将新打开的窗口对象存储在变量myWin中
myWin.close();    //关闭窗口

関連記事:
Javascript ポップアップのさまざまな方法まとめ windows_javascript スキル

関連動画:

JavaScript の基本構文と基本ステートメントのビデオチュートリアル

以上がJavaScript レビュー記録 - 出力のさまざまな用途の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。