ホームページ > 記事 > ウェブフロントエンド > JavaScript レビュー記録 - 出力のさまざまな用途

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

php是最好的语言オリジナル: 2018-08-02 09:59:00973ブラウズ

以前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 レビュー記録 - 出力のさまざまな用途

関連記事