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.