如何将渐进增强应用到javascript脚本

关于无侵入式JavaScript的更多介绍，请再次访问Jeremy Keith’s关于此议题的文章。

保持样式分离

JavaScript不存在于真空中。就如同应当让脚本和标记保持一定的分离（如上所述），也应当让脚本和样式保持一定的分离。

总的来说，当你在DOM中创建或操作元素时，必须停止添加行内样式，而应该应用类名，该类存在于全局样式表或某个脚本特定的样式表中：

var el = document.getElementById( ''message'' );
el.style.color = ''#f00'';
el.style.backgroundColor = ''#ffcfcf'';
el.className = ''highlighted'';

如果脚本需要很多样式来激活交互，采用脚本特定的样式表是个很不错的选择。在使用样式表的脚本中设置这些样式表，可以使得它们的维护能独立于站点上的其它样式表。这还能使得仅在脚本执行时才链接这些样式表，这样，对于没有使用该脚本或不支持该脚本的浏览器中的页面，能减少下载次数。

如果你决定将样式嵌入在某个主要样式表中，一定要采用上面的方法来给元素添加样式，以使得这些样式仅在脚本成功运行时才会被应用。

关于样式和脚本分离的更多信息，请阅读Scroll杂志首刊的这篇文章（目前只有印刷版本）。

取得进步

我们回顾了在JavaScript中实现渐进增强所需要的心态，以及做到渐进增强的若干技术。我们还接触到了无侵入式脚本的概念，并学会了少许技巧来管理CSS和JavaScript的内部关系。

本文完成了我们介绍性的系列文章，该系列关注渐进增强以及在CSS和JavaScript中实现渐进增强的方法。希望能引发你的思考并激励你开始在工作流程中使用渐进增强。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!