Heim > Web-Frontend > HTML-Tutorial > So verwenden Sie das href-Attribut und das onclick-Ereignis eines Tags

So verwenden Sie das href-Attribut und das onclick-Ereignis eines Tags

php中世界最好的语言
Freigeben: 2018-02-02 09:43:31
Original
2202 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie das href-Attribut des a-Tags und das onclick-Ereignis verwenden und welche Vorsichtsmaßnahmen für die Verwendung des href-Attributs des a gelten Tag und das Onclick-EventWas sind das? Hier sind konkrete Fälle. Der

a-Tag wird hauptsächlich zur Implementierung von Seitensprüngen verwendet, die über das href-Attribut oder im onclick-Event erreicht werden können.

<a onclick="window.location.href=&#39;www.php.cn&#39;" href="javascript:void(0);">PHP中文网</a>
Nach dem Login kopieren

Dieser Code ist in Mainstream-Browsern in Ordnung, es besteht jedoch das Problem, dass er unter IE6 nicht springen kann. Was ist der Grund dafür?

javascript:void(0);
Nach dem Login kopieren

void(arg); kann als eine Funktion verstanden werden, die immer null zurückgibt, deren Parameter jedoch nicht leer sein dürfen. Seine Parameter können beliebige Ausdrücke oder sogar Funktionen sein.

<a href="javascript:void(name = &#39;PHP中文网&#39;); alert(name);">测试</a>
Nach dem Login kopieren

Test

IE6 führt zuerst die an das DOM selbst gebundenen Ereignisse aus, z. B. onclick; wenn Bubbling nicht blockiert ist, werden die href-Attribute nacheinander ausgeführt . Und void(0); muss keine Ereignisse ausführen, daher weist IE6 den Browser an, keine Ereignisse auszuführen (vorherige Aktionen zu überschreiben), und das Beenden des Bubblings ist gleichbedeutend mit der Rückgabe von false, sodass der Browser keine Aktionen ausführt. Stoppen Sie also einfach das Bubbling-Ereignis innerhalb des Onclick-Ereignisses.

<a onclick="window.location.href=&#39;http://www.php.com&#39;;return false;" href="javascript:void(0);">PHP中文网</a>
Nach dem Login kopieren

Auf diese Weise kann es normal unter IE6 laufen.

Eine andere Möglichkeit besteht darin, nicht javascript:void(0); zu verwenden, sondern stattdessen # zu verwenden. Das # im href-Attribut bedeutet ursprünglich den Ankerpunkt #name Wenn also kein Anker angegeben ist, wird er oben auf der Seite angezeigt. # hat eine bestimmte Bedeutung und der Standardwert ist #top. Wenn nach # ein Inhalt vorhanden ist, wird er als Tag betrachtet und zum entsprechenden Tag gesprungen, wenn er auf der Seite nicht gefunden wird Wenn Sie nicht zum Seitenanfang springen möchten, können Sie ### verwenden. ### ist eine bedeutungslose Beschriftungsspezifikation.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So verwenden Sie die Laufschrift, um das Scrollen von Text nach links und rechts in HTML zu realisieren

So fügen Sie Bilder hinzu zu Radio- und Mehrfachauswahlschaltflächen Stil hinzufügen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das href-Attribut und das onclick-Ereignis eines Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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