从下层浏览器隐藏内联 CSS 和 JavaScript 的最佳方法

Question

从下层浏览器隐藏内联 Javascript 和 CSS 的最佳方法是什么？ ...我看到一个共同主题的一些变化。它们都是正确的，还是一种方法比另一种更好？

<script language="javascript" type="text/javascript">
<!--
    // Forces the treeview to adjust to the new size of its container
    function resizeTree(DomElementId, NewPaneHeight, NewPaneWidth) {
        //do stuff
    }

  //-->
</script>

对

<script type="text/javascript">
//<![CDATA[
    /* Javascript code here */
//]]>
</script>

对

  <style type="text/css">
/*<![CDATA[*/     CSS stuff here       /*]]>*/    </style>

Answer 1

您的第一个示例是将 hide contents 的 script 元素用于无法识别它们的浏览器的古老的 pre-HTML 3.2 方法。您不必再使用它了。每个当前的浏览器（其中 IE 6 是最老的）都能识别这些元素，并且知道它不应该直接显示它们的内容。顺便说一句，script 元素的language 属性在很久以前也是deprecated。

您的第二个和第三个示例包含CDATA markers，嵌入在适合所使用的脚本或样式语言的 cmets 中。当您在 XHTML 文档中嵌入内联脚本或样式表时使用它们（并且仅在那时）。如果没有这些标记，解析器会认为与号和小于号分别代表特殊实体或标签的开头。引用Wikipedia：

既然能够使用它是有用的 小于号 (<script> 和 <style> XHTML 文档中的元素。但是这样 该文档也可以通过以下方式解析 HTML 解析器，无法识别 CDATA 标记，CDATA 标记 通常被注释掉

这是按照您在第二个和第三个示例中显示的方式完成的。前者展示了一个 Javascript 示例，后者展示了一个 CSS sn-p。

另见Comments and CDATA: The mysterious history of script and style in HTML。