ホームページ > 記事 > ウェブフロントエンド > JavaScript ポップアップイベントに関する知識

JavaScript ポップアップイベントに関する知識

jackloveオリジナル: 2018-05-07 10:28:402957ブラウズ

JavaScript ポップアップイベントは、警告や検証などで重要な役割を果たします。この記事では、それらについてある程度理解できるようにします。

JavaScript ポップアップウィンドウ

JavaScript では、警告ボックス、確認ボックス、プロンプトボックスの 3 種類のメッセージボックスを作成できます。

アラートボックス

アラートボックスは、ユーザーが特定の情報を確実に入手できるようにするためによく使用されます。

警告ボックスが表示されたら、ユーザーは [OK] ボタンをクリックして操作を続行する必要があります。

構文

window.alert("sometext");

window.alert() メソッドは、window オブジェクトを使用せずに、alert() メソッドを直接使用できます。

例

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
    alert("你好，我是一个警告框！");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="显示警告框">
</body>
</html>

確認ボックス

確認ボックスは通常、ユーザーの操作が受け入れられたかどうかを確認するために使用されます。

確認カードがポップアップしたら、ユーザーは「確認」または「キャンセル」をクリックしてユーザーのアクションを確認できます。

「確認」をクリックすると、確認ボックスは true を返します。「キャンセル」をクリックすると、確認ボックスは false を返します。

構文

window.confirm("sometext");

window.confirm() メソッドは、window オブジェクトを使用せずに、直接confirm() メソッドを使用して使用できます。

例

var r=confirm("按下按钮");
if (r==true)
{
    x="你按下了\"确定\"按钮!";
}
else
{
    x="你按下了\"取消\"按钮!";
}

プロンプトボックス

プロンプトボックスは、ページに入る前にユーザーに特定の値の入力を求めるためによく使用されます。

プロンプトボックスが表示されたら、ユーザーは特定の値を入力し、確認ボタンまたはキャンセルボタンをクリックして操作を続行する必要があります。

ユーザーが「確認」をクリックすると、入力された値が戻り値として返されます。ユーザーが「キャンセル」をクリックすると、戻り値は null になります。

構文

window.prompt("sometext","defaultvalue");

window.prompt() メソッドは、window オブジェクトを使用せずに、prompt() メソッドを直接使用できます。

例

var person=prompt("请输入你的名字","Harry Potter");
if (person!=null && person!="")
{
    x="你好 " + person + "! 今天感觉如何?";
    document.getElementById("demo").innerHTML=x;
}

改行

ポップアップウィンドウでは、バックスラッシュ + "n"(n)を使用して改行を設定します。

例

alert("Hello\nHow are you?");

js ポップアップイベント上記で簡単に理解できましたが、その他の学習教材については、php 中国語 Web サイトに注目してください。

JavaScript ポップアップ イベントに関する知識

関連記事

JavaScript ポップアップイベントに関する知識