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

Dieses Mal zeige ich Ihnen, wie Sie das href-Attribut des a-Tags und des onclick-Ereignisses verwenden, sowie die Vorsichtsmaßnahmen zur Verwendung des href-Attributs Was sind das für ein Tag und das Onclick-Ereignis? 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.jb51.net&#39;" href="javascript:void(0);">脚本之家</a>

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

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>

Test

IE6 führt zuerst die an das DOM selbst gebundenen Ereignisse aus, z. B. onclick; wenn Bubbling nicht verhindert wird, 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.

Der Code lautet wie folgt:

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

Auf diese Weise kann er normal unter IE6 ausgeführt werden.

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 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 das Cellpadding-Attribut und das Cellspacing-Attribut von HTML

So verwenden Sie die Header-Struktur in HTML Was ist der Unterschied zwischen deaktiviert und schreibgeschützt mit

in HTML?

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!