0

HTML 的数据属性在 IE6 中有效吗?

我正在使用这样的属性<img id="charm_1" data-code='sdfsdfsdfsdf' data-price='100' class='addition_image' src="img/misc/donut.png" width="55" height="55" alt="Donut">

如您所见,有 2 个数据属性(价格和代码)。我可以使用 jQuery 使用该.data()方法得到这个,这一切似乎都适用于 IE7/8/9。这在IE6中有效吗?我没有 IE6 的副本来测试这个。

4

2 回答 2

2

IE6——事实上市场上的所有其他浏览器——总是非常乐意让您在元素上定义自己的自定义属性。

作为前缀的使用data-在 HTML5 标准中正式化,但浏览器一直支持它,甚至不需要data-前缀。

推荐使用data-前缀是因为它现在是标准的一部分,因此未来的浏览器可能会对其更加挑剔,同时还因为datasetHTML5 DOM 规范中添加了新的属性来支持它。

显然你不能使用这个dataset属性,因为很少有浏览器支持它(甚至没有新的浏览器,更不用说旧的了),但你当然可以总是使用好的旧getAttribute()方法(这是 jQuery 所做的)。

要了解浏览器对新属性的支持,我推荐 CanIUse.com 站点。例如,这是他们关于data-属性的页面: http: //caniuse.com/#search=dataset。它们具有针对各种功能的完整浏览器支持表。

希望有帮助。

于 2011-10-21T08:13:17.667 回答
0

您可以使用IETester在不同版本的 IE 上测试您的网站,是的,它们在 IE6 上工作,IE 支持getAttribute()IE4,这是 jQuery 内部使用的data()

于 2011-10-21T08:08:15.540 回答