Beispiel für die Verwendung des href-Attributs und des onclick-Ereignisses eines Tags

Beispiel für die Verwendung des href-Attributs und des onclick-Ereignisses eines Tags

Das „a“-Tag wird hauptsächlich verwendet, um Seitensprünge zu implementieren, die über das href-Attribut oder im Onclick-Ereignis erreicht werden können.

Code kopieren
Der Code lautet wie folgt:

<a onclick="window.location.href='www.jb51.net'" href="javascript:void(0);">123WORDPRESS.COM</a>

Dieser Code funktioniert in gängigen Browsern einwandfrei, springt jedoch nicht in IE6. Was ist der Grund dafür?

Code kopieren
Der Code lautet wie folgt:

javascript:void(0);

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

Code kopieren
Der Code lautet wie folgt:

<a href="javascript:void(name = '123WORDPRESS.COM'); alert(name);">Test</a>

prüfen

IE6 führt zuerst die an das DOM selbst gebundenen Ereignisse aus, beispielsweise onclick. Wenn das Bubbling nicht verhindert wird, werden die href-Attribute sequenziell ausgeführt. Und void(0); muss kein Ereignis ausführen, daher teilt IE6 dem Browser mit, kein Ereignis auszuführen (wodurch die vorherige Aktion überschrieben wird), und das Beenden des Bubblings entspricht der Rückgabe „false“, sodass der Browser keine Aktion ausführt. Verhindern Sie also einfach das Sprudeln innerhalb des Onclick-Ereignisses.

Code kopieren
Der Code lautet wie folgt:

<a onclick="window.location.href='https://www.jb51.net';return false;" href="javascript:void(0);">123WORDPRESS.COM</a>

Dies läuft normal unter IE6.

Eine andere Möglichkeit besteht darin, # anstelle von javascript:void(0); zu verwenden. Das # im href-Attribut bedeutet ursprünglich den Ankernamen. Wenn also kein Anker angegeben ist, wird er an den Anfang der Seite verschoben. # hat eine bestimmte Bedeutung. Der Standardwert ist #top. Wenn nach # Inhalt steht, wird dies als Tag betrachtet und der entsprechende Tag wird auf der Seite gefunden, um zu dieser Stelle zu springen. Wenn er nicht gefunden wird, wird an den Anfang der Seite gesprungen. Wenn Sie nicht springen möchten, können Sie ### verwenden. ### ist eine bedeutungslose Tag-Spezifikation.

<<:  Detaillierte Erklärung zu Padding und Abkürzungen im CSS-Boxmodell

>>:  Implementierung der One-Click-TLS-Verschlüsselung für die Docker-Remote-API

Artikel empfehlen

Schritte zum Bereitstellen eines Spring Boot-Projekts mit Docker

Inhaltsverzeichnis Erstellen Sie ein einfaches Sp...

Detaillierte grafische Erklärung zum Löschen des Keep-Alive-Cache

Inhaltsverzeichnis Eröffnungsszene Direktes Rende...

So installieren Sie den Vim-Editor unter Linux (Ubuntu 18.04)

Sie können das Desktopsystem von der offiziellen ...

Fallstricke basierend auf MySQL-Standardsortierregeln

Der Standardtyp varchar in MySQL ist case-insensi...

Informationen zum Debuggen von CSS-Cross-Browser-Style-Fehlern

Als Erstes müssen Sie einen guten Browser auswähl...

Detailliertes Tutorial zur Installation von ElasticSearch 6.4.1 auf CentOS7

1. Laden Sie das ElasticSearch 6.4.1-Installation...

So stellen Sie DoNetCore mit Nginx in der Alibaba Cloud bereit

Grundlegende Umgebungskonfiguration Bitte kaufen ...

Erstellen eines FastDFS-Dateisystems in Docker (Tutorial mit mehreren Images)

Inhaltsverzeichnis Über FastDFS 1. Suche nach Bil...

Erste Schritte mit TS (TypeScript) im Vue-Projekt

Inhaltsverzeichnis 1. Einführung in Typescript 2....

So starten Sie mehrere MySQL-Datenbanken auf einem Linux-Host

Lassen Sie uns heute darüber sprechen, wie Sie vi...