提问人:brad 提问时间:9/16/2008 最后编辑:Arsen Khachaturyanbrad 更新时间:10/19/2023 访问量:385533
脚本标记中何时需要 CDATA 部分?
When is a CDATA section necessary within a script tag?
问:
脚本标记中是否需要 CDATA 标记,如果是,何时需要?
换句话说,何时何地:
<script type="text/javascript">
//<![CDATA[
...code...
//]]>
</script>
比这更可取:
<script type="text/javascript">
...code...
</script>
答:
当您希望它进行验证时(在 XML/XHTML 中 - 谢谢,Loren Segal)。
当您要严格遵守 XHTML 时,您需要 CDATA,以便 less than 和 & 符号不会被标记为无效字符。
如果您需要将文档解析为 XML(例如,当 XHTML 页面被解释为 XML 时),并且希望能够编写文字 i<10
和 a && b
而不是 i<10
和 A &&b
,因为默认情况下,XHTML 会将 JavaScript 代码解析为解析的字符数据,而不是字符数据。对于存储在外部源文件中的脚本来说,这不是问题,但对于 XHTML 中的任何内联 JavaScript,您可能希望使用 CDATA 部分。
请注意,许多 XHTML 页面从未打算被解析为 XML,在这种情况下,这不会成为问题。
有关该主题的好文章,请参阅 https://web.archive.org/web/20140304083226/http://javascript.about.com/library/blxhtml.htm
评论
&
<
&
<
\x26
\x3C
不要在 HTML4 中使用 CDATA,但应在 XHTML 中使用 CDATA,并且如果您有未转义的符号(如 < 和 >),则必须在 XML 中使用 CDATA。
评论
当浏览器将标记视为 XML 时:
<script>
<![CDATA[
...code...
]]>
</script>
当浏览器将标记视为 HTML 时:
<script>
...code...
</script>
当浏览器将标记视为 HTML 并且您希望 XHTML 1.0 标记(例如)进行验证时。
<script>
//<![CDATA[
...code...
//]]>
</script>
评论
/* ... */
[HTML全文]
HTML 解析器会将脚本之间的所有内容视为脚本的一部分。有些实现甚至不需要正确的结束标记;它们在“。</
”处停止脚本解释,根据规范,这是正确的<script>
</script>
更新在 HTML5 和当前的浏览器中,情况不再如此。
因此,在 HTML 中,这是不可能的:
<script>
var x = '</script>';
alert(x)
</script>
一个部分根本没有效果。这就是为什么你需要写CDATA
var x = '<' + '/script>'; // or
var x = '<\/script>';
或类似。
这也适用于作为 .(由于 IE 不支持 XML 内容类型,因此大多数情况下是正确的。text/html
XML格式
在 XML 中,应用不同的规则。请注意,(非 IE)浏览器仅在 XHMTL 文档提供 XML 内容类型时才使用 XML 解析器。
对于 XML 解析器来说,标记并不比任何其他标记好。特别地,脚本节点可以包含非文本子节点,由“”触发;“”符号表示字符实体。script
<
&
因此,在 XHTML 中,这是不可能的:
<script>
if (a<b && c<d) {
alert('Hooray');
}
</script>
若要解决此问题,可以将整个脚本包装在一个部分中。这会告诉解析器:“在本节中,不要将”<
“和”&
“视为控制字符。为了防止 JavaScript 引擎解释 “” 和 “” 标记,您可以将它们包装在注释中。CDATA
<![CDATA[
]]>
如果您的脚本不包含任何“”或“”,则无论如何都不需要节。<
&
CDATA
评论
</
<script>var b = "<b>bold</b>";</script>
<script>var b = "<b>bold<\/b>";</script>
以避免在 XHTML 验证期间出现 XML 错误。
这样一来,较旧的浏览器就不会解析 Javascript 代码,页面也不会中断。
向后兼容性。必须喜欢它。
CDATA 指示浏览器按原样显示文本,而不是将其呈现为 HTML。
这是一个X(HT)ML的东西。当您在 JavaScript 中使用 和 中的符号时,例如用于比较两个整数,这必须像 XML 一样解析,因此它们将标记为标记的开头或结尾。<
>
CDATA 意味着以下行(直到 的所有内容都不是 XML,因此不应以这种方式解析。]]>
CDATA 表示其中的内容不是 XML。
这是维基百科上的解释
它用于确保在页面中嵌入 JavaScript 而不是外部引用时 XHTML 验证正常工作。
XHTML 要求页面严格符合 XML 标记要求。由于 JavaScript 可能包含具有特殊含义的字符,因此必须将其包装在 CDATA 中,以确保验证不会将其标记为格式错误。
使用 Web 上的 HTML 页面,您只需在 和 标记之间包含所需的 JavaScript。当您验证网页上的 HTML 时,JavaScript 内容将被视为 CDATA(字符数据),因此验证器会忽略该内容。如果您在设置网页时遵循最新的 XHTML 标准,则情况并非如此。使用 XHTML,脚本标记之间的代码被视为 PCDATA(解析的字符数据),因此由验证器处理。
正因为如此,你不能只是在页面上的脚本标签之间包含 JavaScript,而不会“破坏”你的网页(至少就验证器而言)。
您可以在此处了解有关 CDATA 的更多信息,在此处了解有关 XHTML 的更多信息。
基本上,它允许编写一个同时是 XHTML 和 HTML 的文档。问题在于,在 XHTML 中,XML 解析器将解释 script 标签中的 &,<,> 字符并导致 XML 解析错误。因此,您可以使用实体编写 JavaScript,例如:
if (a > b) alert('hello world');
但这是不切实际的。更大的问题是,如果你在HTML中阅读页面,标签脚本在“默认”下被认为是CDATA,这样的JavaScript将无法运行。因此,如果您希望使用 XHTML 和 HTML 解析器都可以使用同一页面,则需要将 script 标记包含在 XHTML 的 CDATA 元素中,但不能将其包含在 HTML 中。
此技巧将 CDATA 元素的开头标记为 JavaScript 注释;在 HTML 中,JavaScript 解析器会忽略 CDATA 标记(这是一个注释)。在 XHTML 中,XML 解析器(在 JavaScript 之前运行)检测到它,并将 CDATA 结束之前的其余部分视为 CDATA。
CDATA 在任何 XML 方言中都是必需的,因为 XML 节点中的文本在被计算为 JavaScript 之前被视为子元素。这也是 JSLint 抱怨正则表达式中字符的原因。<
引用
CDATA 表示其中的内容不是 XML。
评论