Heim > Artikel > Web-Frontend > Javascript erkennt den Effekt des Bestätigens und Abbrechens der Eingabeaufforderung box_javascript

Javascript erkennt den Effekt des Bestätigens und Abbrechens der Eingabeaufforderung box_javascript

WBOYOriginal: 2016-05-16 15:50:461587Durchsuche

Dieser Effekt ist auf vielen Webseiten zu finden, wenn Sie auf eine Schaltfläche oder ein anderes Objekt klicken. Wenn Sie auf „OK“ klicken, wird das eingerichtete Programm weiter ausgeführt und die Ausführung fortsetzen. Das Codebeispiel lautet wie folgt:

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>确定和取消提示框</title>
<style type="text/css">
div
{
 width:150px;
 margin:0px auto;
}
a
{
 font-size:12px;
 color:blue;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var mylink=document.getElementById("mytest");
 mylink.onclick=function(){
  if(confirm("确定要访问吗"))
  {
    return true;
  }
  else
  {
    return false;
  }
 }
}
</script>
</head>
<body>
 <div><a href="/" id="mytest">点击跳转</a></div>
</body>
</html>

Wenn Sie im obigen Code auf den Link klicken, wird ein Eingabeaufforderungsfeld angezeigt. Wenn Sie auf OK klicken, besuchen Sie die Ant Tribe-Homepage, andernfalls werden Sie sie nicht besuchen. Der Kern der Implementierung dieser Funktion besteht in der Verwendung von bestätigen (), und der Parameterwert ist der Textinhalt des Eingabeaufforderungsfelds. Hier ist eine kurze Einführung in das Prinzip des obigen Codes:

1. Wenn auf einen Link geklickt wird, wird der an das a-Element gebundene Onclick-Ereignishandler aufgerufen.

2. Da in der Ereignisverarbeitungsfunktion „confirm()“ „true“ zurückgibt, wenn auf die Schaltfläche „OK“ geklickt wird, und „false“, wenn auf die Schaltfläche „Abbrechen“ geklickt wird, wählt die if-Anweisung die Ausführung der if-Anweisung oder der else-Anweisung basierend auf Rückgabewert von bestätigen() .

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie RegExp für den regulären Abgleich in JavaScript_Javascript-TippsNächster Artikel：So verwenden Sie RegExp für den regulären Abgleich in JavaScript_Javascript-Tipps

In Verbindung stehende Artikel

Mehr sehen