Heim > Web-Frontend > js-Tutorial > Hauptteil

So verstecken Sie sie in Javascript

藏色散人
Freigeben: 2021-06-15 10:30:13
Original
2368 Leute haben es durchsucht

So verstecken Sie sie in Javascript: Fügen Sie zuerst einen Link in HTML hinzu, fügen Sie dann ein Datenlink-Attribut hinzu und entfernen Sie schließlich das ursprüngliche href-Attribut, um zur Seite zu springen.

So verstecken Sie sie in Javascript

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Wie verstecke ich sie in Javascript?

Wir fügen einen Link in HTML mit dem Href-Link-Attribut hinzu.

So verstecken Sie sie in Javascript

Nach dem Aufrufen der Seite fahren wir mit der Maus über den Link und Sie können sehen, dass die Linkadresse im Browser angezeigt wird.

So verstecken Sie sie in Javascript

Um diese Linkinformationen auszublenden, können wir dem Link eine ID hinzufügen, um Klickereignisse hinzuzufügen. Fügen Sie dann ein Datenlink-Attribut hinzu, dessen Attributwert der Wert des href-Links ist, und entfernen Sie das ursprüngliche href-Attribut.

So verstecken Sie sie in Javascript

Dann fügen Sie ein Klickereignis für diesen Link hinzu.

So verstecken Sie sie in Javascript

Ermitteln Sie in der Ereignisfunktion den Wert der Datenverknüpfung über die Datenmethode.

So verstecken Sie sie in Javascript

Dann verwenden Sie locacion.href, um zur Seite zu springen.

So verstecken Sie sie in Javascript

Führen Sie die Seite aus. Wenn wir nun mit der Maus auf den Link fahren, wird der Link-href-Inhalt nicht mehr angezeigt. Aber nachdem wir auf diesen Link geklickt haben, springen wir auch zur Originalseite.

So verstecken Sie sie in Javascript

[Lernempfehlung: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo verstecken Sie sie in Javascript. 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