javascript CDATA的意義

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代碼。
相關文章
相關標籤/搜索