這裏是HTML代碼相關部分:錨標籤onclick事件在IE,但不是在Firefox和Chrome
<一個ID = 「興趣」 NAME = 「興趣的」 href = 「#」 值= 1的onclick = 「警報(THIS.VALUE)」;「>有興趣</A>
警報採值和在IE中運行時示出,但示出了在鉻和Firefox未定義
任何想法,爲什麼
。?這裏是HTML代碼相關部分:錨標籤onclick事件在IE,但不是在Firefox和Chrome
<一個ID = 「興趣」 NAME = 「興趣的」 href = 「#」 值= 1的onclick = 「警報(THIS.VALUE)」;「>有興趣</A>
警報採值和在IE中運行時示出,但示出了在鉻和Firefox未定義
任何想法,爲什麼
。?有幾件事情:在你的標籤
1)多餘的空格。 < a>
應該是<a>
。
2)您的onclick
屬性中的額外報價。應該是onclick="alert(this.value);"
。
3)value
不是錨元素的有效屬性。
您可以使用新的HTML5 data- *屬性,如下所示:
<a id="interest" name="interest" href="#" data-value="1" onclick="alert(this.dataset.value);">Interested</a>
這隻適用於支持HTML5的瀏覽器。要訪問數據 - 屬性,你會使用附加到該元素的dataset
對象(例如data-value
變得dataset.value
。)
的作品。謝謝。對不支持HTML5的瀏覽器的任何建議 – killben 2012-07-14 15:37:20
我認爲IE 6,7和8.如果支持對你來說是一個問題,那麼你可能想找到另一種方式去解決這個問題。 Kennis的解決方案(使用帶有值屬性的重新設置的按鈕)可能會正常工作。 – theabraham 2012-07-14 15:53:45
是的,我給出了一個可行的解決方案。但即使如此,我仍然建議OP重新思考他們是如何實現這一切的,並且可能會從HTML中分離出JavaScript。 – theabraham 2012-07-14 15:19:40
@ kennis--實施1和2.價值在IE中可用,但不適用於Firefox和Chrome。什麼是有效的屬性? – killben 2012-07-14 15:23:29
我會爭辯說,最簡單的解決方案(儘管可能不是我會選擇的那個)會使用按鈕元素而不是錨點。按鈕可以有一個值屬性,並且由於這個例子中的錨實際上並不是一個鏈接,所以你根本沒有真正改變功能。 – 2012-07-14 15:25:15