电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: HTML 中 Link 元素 disable 属性详解（4） [打印本页]

作者: look_w 时间: 2018-10-19 20:21 标题: HTML 中 Link 元素 disable 属性详解（4）

Attribute 取值
本文中提到，"disabled"作为 Property，是 W3C 中 DOM 标准支持的属性，该属性取值为布尔类型。那么，当"disabled"作为 Attribute 时，是否和 DOM 一致为布尔型，或者可以取其他值?
我们进行实验，将"disabled"值分别设置为 true、false、disabled，abcd（任意字符），结果表明，无论"disabled"的值设置为 false、disabled、abc 或其他值，浏览器都会将 Attribute 的值置为 true。也就是说在<link>元素的 Attribute 中，只要出现"disabled"关键字，无论其值为什么，都认为 disabled 被设置。
兼容性总结根据上述实验分析及结论，以 IE 浏览器表现特性为标准，我们从 Attribute 和 Property 的角度将浏览器对<link>元素"disabled"的支持程度总结如下：
表 6. 兼容性总结conditionsIE(10)FirefoxChromeSafariAttributeYNY(not load)NPropertyYYYY

Attribute：IE 浏览器 100%支持"disabled"作为 Attribute，Firefox 和 Safari 浏览器 100%不支持，而 Chrome 浏览器对于 Attribute 的支持则表现为与 IE 不同的方式，即 Chrome 识别 Attribute 后，和 IE 采取的不同的动作，不加载该样式文件。
Property：四种浏览器都支持"disabled"作为 Property，其中 Firefox 与 IE 表现行为一致，即 Property 的改变不影响 document.styleSheets 的内容，而在 Chrome 和 Safari 中，Property 的改变影响 document.styleSheets 的内容。

在上述浏览器兼容性总结的基础上，我们建议 web 应用开发人员在使用<link>时，遵从以下原则。首先，避免在 HTML 标签中使用"disabled"（Attribute）；其次，使用 Property 控制和改变"disabled"取值。
结束语本文以 HTML<link>元素为对象，着重分析了其"disabled"属性在不同浏览器中的兼容性情况。通过 Attribute 和 Property 两个概念的辨析，对比实例分析，从三个方面探讨了"disabled"属性在 IE、Firefox、Chrome 和 safari 浏览器中的表现。通过本文可以让 Web 开发工程师对<link>元素有一个更加深刻的认识和理解，为 Web 开发工程师在 CSS 设计方面提供理论支持。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)