1. 程式人生 > ><script>元素在XHTML中的用法

<script>元素在XHTML中的用法

data 新標簽 編寫 就會 post ora 語法錯誤 不可 tex

  編寫XHTML代碼的規則要比編寫HTML嚴格得多,例如如下代碼:

 1 <script type="text/javascript">
 2     function compare(a, b){
 3         if(a < b) {
 4             alert("A is less than B");
 5         } else if(a > b){
 6             alert("A is greater than B");
 7         } else{
 8             alert("A is equal to B
"); 9 } 10 } 11 </script>

  這個代碼在HTML中是有效的,但是在XHTML中卻是無效的。這裏的比較語句 a < b 中的小於號(<)在XHTML中將被當作開始一個新標簽解析。但是作為標簽的話,小於號後面是不可以有空格的,因此這裏就會導致語法錯誤。

  解決方案:

  ①使用HTML實體(&lt;)代替代碼中所有的小於號(<),雖然可以解決問題,但是影響了代碼的理解性;

  ②使用CData片段,如下:

 1 <script type="text/javascript"><![CDATA[
2 function compare(a, b){ 3 if(a < b) { 4 alert("A is less than B"); 5 } else if(a > b){ 6 alert("A is greater than B"); 7 } else{ 8 alert("A is equal to B"); 9 } 10 } 11 ]]></script>

   這個方法可以在兼容XHTML的瀏覽器中解決這個問題。但是還有不少瀏覽器不兼容XHTML,因而不支持CData片段。所以,為了兼容所有瀏覽器,可以采用如下方法:

 1 <script type="text/javascript">
 2 //<![CDATA[
 3     function compare(a, b){
 4         if(a < b) {
 5             alert("A is less than B");
 6         } else if(a > b){
 7             alert("A is greater than B");
 8         } else{
 9             alert("A is equal to B");
10         }
11     }
12 //]]>
13 </script>

<script>元素在XHTML中的用法