So verwenden Sie Javascript, um das Eingabeaufforderungsfeld zu implementieren-Front-End-Fragen und Antworten-php.cn

So verwenden Sie Javascript, um das Eingabeaufforderungsfeld zu implementieren

WBOY

Freigeben： 2022-04-13 17:03:54

Original

2686 Leute haben es durchsucht

In JavaScript können Sie die prompt()-Methode des Window-Objekts verwenden, um ein Eingabeaufforderungsfeld, eine Schaltfläche „OK“ und eine Schaltfläche „Abbrechen“ anzuzeigen ist „prompt“ („sometext“, „defaultText“)“.

So verwenden Sie Javascript, um das Eingabeaufforderungsfeld zu implementieren

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.

So implementieren Sie eine Eingabeaufforderungsbox mit Javascript

Wenn Sie möchten, dass der Benutzer einen Wert eingibt, bevor er die Seite betritt, verwenden Sie normalerweise eine Eingabeaufforderungsbox.

Wenn das Eingabeaufforderungsfeld angezeigt wird, muss der Benutzer den Wert eingeben und auf „OK“ klicken oder auf „Abbrechen“ klicken, um fortzufahren.

Wenn der Benutzer auf „OK“ klickt, gibt das Feld den Eingabewert zurück. Wenn der Benutzer auf „Abbrechen“ klickt, gibt dieses Feld NULL zurück.

Die Syntax lautet:

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

Nach dem Login kopieren

window.prompt()-Methode kann ohne das Fensterpräfix geschrieben werden.

Das Beispiel lautet wie folgt:

<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>

Nach dem Login kopieren

Ausgabeergebnis:

So verwenden Sie Javascript, um das Eingabeaufforderungsfeld zu implementieren

Nach dem Klicken auf OK lautet das Ausgabeergebnis:

So verwenden Sie Javascript, um das Eingabeaufforderungsfeld zu implementieren

[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend ]

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Javascript, um das Eingabeaufforderungsfeld zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!