JavaScriptを使用してプロンプトボックスを実装する方法-フロントエンドQ&A-php.cn

JavaScriptを使用してプロンプトボックスを実装する方法

WBOY

リリース： 2022-04-13 17:03:54

オリジナル

2680 人が閲覧しました

JavaScript では、Window オブジェクトの Prompt() メソッドを使用してプロンプトボックスを実装できます。このメソッドでは、入力ボックス、「OK」ボタン、および「キャンセル」ボタンを備えたプロンプトボックスをポップアップ表示できます。ボタン。構文は「prompt("sometext","defaultText")」です。

JavaScriptを使用してプロンプトボックスを実装する方法

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

JavaScript を使用してプロンプトボックスを実装する方法

ページに入る前にユーザーに値を入力してもらいたい場合は、通常、プロンプトボックスを使用します。

プロンプトボックスが表示されたら、ユーザーは値を入力して [OK] をクリックするか、[キャンセル] をクリックして続行する必要があります。

ユーザーが「OK」をクリックすると、ボックスは入力値を返します。ユーザーが「キャンセル」をクリックすると、このボックスは NULL を返します。

構文は次のとおりです:

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

ログイン後にコピー

window.prompt() メソッドは、window プレフィックスなしで作成できます。

例は次のとおりです:

<html>
<body>
<h1>JavaScript Prompt</h1>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
  var txt;
  var person = prompt("请输入您的名字：", "哈利波特");
  if (person == null || person == "") {
    txt = "用户取消输入";
  } else {
    txt = "你好，" + person + "！今天过得好吗？";
  }
  document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>

ログイン後にコピー

出力結果:

JavaScriptを使用してプロンプトボックスを実装する方法