CDATA 內部的所有東西都會被解析器忽略。

假如文本中包含了大量的 "<" 和 "&" 字符 - 就像編程代碼中經常出現的情況一樣 - 那么這個 XML 元素就可以被定義為一個 CDATA 部分。

CDATA 區段開始于 "<![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>

在上面的例子中，在 CDATA 區段中的所有東西都會被解析器忽略。

關于 CDATA 區段的注釋:

CDATA 區段不能包含字符串 "]]>"，所以，CDATA 區段的嵌套是不被允許的。

同時也需要確保在 "]]>" 字符串中沒有空格或折行。

為什么要使用CDATA:

?????? XHTML的第二個改變是使用CDATA段。XML中的CDATA段用于聲明不應被解析為標簽的文本（XHTML也是如此），這樣就可以使用特殊字符，如 小于（<）、大于（>）、和號（&）和雙引號（"），而不必使用它們的字符實體。考慮下面的代碼：

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

這個函數相當簡單，它比較數字a和b，然后顯示消息說明它們的關系。但是，在XHTML中，這段代碼是無效的，因為它使用了三個特殊符號，即小于、 大于和雙引號。要修正這個問題，必須分別用這三個字符的XML實體&lt;、&gt;和&quot;替換它們：

<script type="text/javascript">
function compare(a,b)
{
if (a &lt;b)
?? {alert(&quot;a小于b&quot;);}??
else if (a&gt;b)
?? {alert(&quot;a大于b&quot;);}
else
?? {alert(&quot;a等于b&quot;);}
}
</script>

這段代碼存在兩個問題。首先，開發者不習慣用XML實體編寫代碼。這使代碼很難讀懂。其次，在JavaScript中，這種代碼實際上將視為有語法 錯，因為解釋程序不知道XML實體的意思。用CDATA段即可以以常規形式（即易讀的語法）編寫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>

雖然這是正式方式，但還要記住，大多數瀏覽器都不完全支持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代碼。

總結

以上是生活随笔為你收集整理的javascript CDATA的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。