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

<script>元素在XHTML中的用法

  編寫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>