2017-03-14 88 views
1

所以,我創建這個網頁,打開另一個頁面在同一個目錄中點擊一個按鈕。當我這樣做時,我觀察到一些我無法找到令人滿意的解釋。 我使用的按鈕代碼是這樣的打開一個鏈接onclick html

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

這似乎工作,但不是這個,

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

爲什麼會這樣呢? (我失去的東西很簡單?)

+0

你爲什麼要強調使用兩個標籤。你爲什麼不嘗試只使用錨標籤。但是你可以應用按鈕類。 Abizz

+0

@AlexandruSeverin你的鏈接解決了我的問題。 – Arunava

回答

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

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

是不同的,因爲一個是一個錨標記...這意味着內部button的是,它是被點擊,而不是錨的按鈕,而第二個 是button內的錨標籤。

在第一種情況下,它是獲取工作的錨標記的click事件而不是按鈕。在第二種情況下,它是正在工作的按鈕的點擊操作,而不是錨標籤的點擊操作。因此,hrefwebpage2.html不起作用。

+0

是的,對嗎?html5不允許將交互元素作爲後代。 – Arunava