2017-03-14 5 views
1

Also, ich erstelle diese Webseite, die eine andere Seite im selben Verzeichnis auf einen Klick öffnet. Während ich dies tat, beobachtete ich etwas, für das ich keine befriedigende Erklärung finden konnte. Die Schaltfläche Code ich verwende ist dasEinen Link öffnen onclick html

<a class="class1" href="webpage2.html"><button type="button">Button1</button></a> 

dies scheint zu funktionieren, aber nicht diese,

<button type="button"><a class="class1" href="webpage2.html">Button1</a></button> 

Warum ist das so? (Bin ich etwas fehlt ganz einfach?)

+0

Warum stressst du mit zwei Tags. Warum versuchst du nicht nur Anker-Tags zu verwenden? Aber Sie können Schaltflächenklassen darauf anwenden. Abizz

+0

@AlexandruSeverin Ihr Link löste mein Problem. – Arunava

Antwort

1
<a class="class1" href="webpage2.html"><button type="button">Button1</button></a> 

und

<button type="button"><a class="class1" href="webpage2.html">Button1</a></button> 

verschieden sind, wie man ein button innerhalb eines Anker-Tag ist ... was bedeutet, dass sie den Anker, die stattdessen angeklickt wird der zweite, ist ein Anker-Tag innerhalb der button.

Im ersten Fall wird das Click-Ereignis des Anchor-Tags anstelle der Schaltfläche bearbeitet. Im zweiten Fall ist es die Klickaktion der Schaltfläche und nicht die Klickaktion des Anchor-Tags. Somit funktioniert die href bis webpage2.html nicht.

+0

Ja richtig, es scheint, dass es von html5 nicht erlaubt ist, interaktive Elemente als Abkömmlinge zu haben. – Arunava

Verwandte Themen