JavaScript ポップアップイベントに関する知識-jsチュートリアル-php.cn

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

jacklove

リリース： 2018-05-07 10:28:40

オリジナル

2964 人が閲覧しました

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)を使用して改行を設定します。

例