Heim > Web-Frontend > js-Tutorial > 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

WBOY
Freigeben: 2016-05-16 15:50:46
Original
1633 Leute haben es durchsucht

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>

Nach dem Login kopieren

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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage