js 中//<![CDATA[ 意义

Posted 2020-09-24 CNundefined

CDATA内部所有东西都会被解析器忽略，加入文本中包含了大量< 和 $符号，就像编程中经常出现的情况一样，那么这个元素就可以被定义为一个CDATA部分 ，CDATA 区段开始于 "<![CDATA["，结束于 "]]>"：

为何用这个？

Xhtml第二个改变是使用CDATA段，XML中的CDATA段用于声明不应被解析为标签的文本（XHTML也是如此），这样就可以使用特殊字符，如小于（<）、大于（>）、和号（&）和双引号（"），而不必使用它们的字符实体

 

正式加入CDATA段的方法如下：

<script type="text/javascript">
<![CDATA[
function compare(a,b)
{
if (a < b)
   {alert("a小于b");}
else if (a>b)
   {alert("a大于b");}
else
   {alert("a等于b");}
}
]]>
</script>

 

虽然这是正式方式，但还要记住，大多数浏览器都不完全支持XHTML，这就带来主要问题，即这在javascript中是个语法错误，因为大多数浏览器还不认识CDATA段。

<script type="text/javascript">
//<![CDATA[                                            
function compare(a,b)
{
if (a < b)
   {alert("a小于b");}
else if (a>b)
   {alert("a大于b");}
else
   {alert("a等于b");}
}
//]]>                                      
</script>

 

当前使用的解决方案模仿了“对旧浏览器隐藏”代码的方法。使用单行的JavaScript注释"//"，可在不影响代码语法的情况下嵌入CDATA段：

现在，这段代码在不支持XHTML的浏览器中也可运行。

但是，为避免CDATA的问题，最好还是用外部文件引入JavaScript代码。