ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでのアラートの使用法は何ですか

JavaScriptでのアラートの使用法は何ですか

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-15 11:02:2122474ブラウズ

JavaScript では、alert の使用法は「alert (ダイアログ ボックスに表示されるプレーン テキスト)」です。アラート メソッドは、指定したメッセージと [OK] ボタンを含むアラート ボックスを表示するために使用され、ユーザーに警告したり、プログラムをデバッグしたりするために使用できます。

JavaScriptでのアラートの使用法は何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

alert() メソッドは、指定されたメッセージと [OK] ボタンを含むアラート ボックスを表示するために使用されます。

構文

alert(message)

メッセージは、ウィンドウにポップアップ表示されるダイアログ ボックスに表示されるプレーン テキスト (HTML テキストではない) を指します。

例:

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是一个消息框!")
}
</script>
</head>
<body>

<input type="button" onclick="disp_alert()" value="显示消息框" />

</body>
</html>

JS の Alert は、ブラウザーに警告ボックスをポップアップするために使用されます。

アラートを使用するには 3 つの方法があり、方法が異なれば効果も異なります。

最初の方法: スクリプト タグに直接記述する

コードは次のとおりです:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			alert("这是一个警告框");
		</script>
	</head>
	<body>
		 <p>你看我出不出来</p>;
	</body>
</html>

効果は次のとおりです:

JavaScriptでのアラートの使用法は何ですか

##レンダリングからわかるように、実行されるはずの p タグが実行されていません。

これは、このメソッドでアラートを使用すると、最初はアラート以降のコードが実行されず、警告ボックスが閉じられた後にのみ、次の内容が実行されるためです。

この方法は最も単純ですが、アラート後のコードを同時に実行できないため、ユーザーの認識に影響を与えるため、お勧めできません。

2 番目の方法: 本体の特定のタグ内に記述する

コードは次のとおりです:

<body>
		<!--将alert编写到onclick属性中,单击后,会弹出警告框-->
		 <button onclick="alert(&#39;点,点什么点&#39;)">你点我一下</button><br /><br />
		 	
		 <!--将alert写在超链接的href属性中,点击超链接,会弹出警告框-->
		 <a href="javascript:alert(&#39;叫你别点,你非要点&#39;)">别点我</a><br />
		 
		  <p>你看我出不出来</p>
	</body>

実装効果図は次のとおりです:

JavaScriptでのアラートの使用法は何ですか

この方法を使用すると、最初の方法の問題は発生しませんが、この方法では、ページ上のさまざまな場所にアラートが表示される可能性があります。維持することも推奨されません。

3 番目の方法: 外部アラートを使用する

外部アラートのコードは次のとおりです:

alert("这是外部alert");
//重新创建一个js文件,专门用于写alert

外部アラートを参照するコードは次のとおりです:

<script type="text/javascript" src="alert.js">
		/*加入src="路径",可以引入外部alert*/
			alert("这是一个警告框");
		</script>

実装効果図は次のとおりです。

この方法を使用すると、外部アラートを参照するためにそのパスを覚えておく必要があります。JavaScriptでのアラートの使用法は何ですか

It同じフォルダに書き込むのがベストです。

この方法では、最初の方法の問題は発生せず、ユーザーの認識に影響を与えず、保守も簡単です。

しかし、この方法を使用すると、scrip タグの下の内部アラートが表示されます。実行後はスクリプトを書き換えることしかできません。

この方法をお勧めします。

[推奨学習:

JavaScript 上級チュートリアル

]

以上がJavaScriptでのアラートの使用法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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