如何測試 IE6/7 中是否存在“nohref”屬性？

Question

area標簽上的nohref屬性導致要從圖像 map 中明確排除。 它適用於 IE 6-7，因為您可以看到鼠標指針懸停在標記為此類的區域上時沒有更改。 矩形有一個“nohref”，而藍色圓圈沒有。

http://jsfiddle.net/ZNMEC/7/

但是，我想不出任何方法在 IE 6 和 7 中工作的 Javascript 中以編程方式對其進行測試。無論屬性是否存在， getAttribute總是返回false 。 jQuery .attr也不起作用。

Answer 1

對於 select 具有nohref屬性的area元素，您可以使用屬性等於表示法：

$('area[nohref]');

為了證明這個被使用：

alert($('area[nohref]').length);

JS 小提琴演示。

參考：

• 屬性等於選擇器。

Answer 2

根據XHTML 標准，nohref 屬性應該寫為nohref="nohref" 。 如果這樣做，您可以輕松地對其進行測試，因為.attr('nohref')將返回字符串"nohref" 。

但是HTML5 不再支持此屬性。 來自W3C 工作草案：

area 元素的 nohref 屬性已過時。 省略 href 屬性就足夠了。

因此，您可以通過if($('area').attr('href')){ /* href is set */ }對其進行測試。