首頁 > web前端 > js教程 > 主體

JavaScript在XHTML中的用法詳解_基礎知識

WBOY
發布: 2016-05-16 17:37:19
原創
1095 人瀏覽過

編寫XHTML程式碼的規則比編寫HTML嚴格得多,類似下面的程式碼在HTML中是有效的,但在XHTML中則是無效的。
[javascript]

複製程式碼 程式碼如下:




在HTML中,有特殊的規則用以確定<script>元素中的哪些內容可以被解析,但這些規則在XHTML中不適用。因為小於號(<)在XHTML中將被當作開始一個新標籤來解析。但是作為標籤,小於號後面不能跟空格,因此導致語法錯誤。 <BR>解決方法有兩個:一、用對應的HTML實體(<)取代程式碼中所有的小於號(<);二、使用一個CData片段來包含JavaScript程式碼。 <BR>方法一相應代碼: <BR>[javascript] <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="41685" class="copybut" id="copybut41685" onclick="doCopy('code41685')"><U>複製代碼 代碼如下:<div class="codebody" id="code41685"> <BR><script type="text/javascript"> <BR>function compare(a, b) <BR>{ <BR>if(a < b) <BR>{ <BR>alert("a is less then b "); <BR>} <BR>else if(a > b) <BR>{ <BR>alert("a is greater then b"); <BR>} <BR>else <BR>{ <BR> alert("a is equal to b"); <BR>} <BR>} <BR></script>




方法一雖然可以讓程式碼在XHTML中正常運行,但卻導致程式碼不好理解了;而方法二在相容XHTML的瀏覽器中可以解決問題。但不少瀏覽器不相容於XHTML,因而不支援CData片段。所以再使用JavaScript註解將CData標記註解掉。
對應程式碼:
[html]




複製程式碼


程式碼如下:






這種格式在所有現代瀏覽器中都可以正常使用。 附:不建議使用的語法 [javascript] 複製程式碼 程式碼如下:

<script><!-- <BR>function sayHi(){ <BR>alert("Hi!); <BR>} <BR>//--></script>
<script><!-- <BR>function sayHi(){ <BR>alert("Hi!); <BR>} <BR>//--></script>

像上面這樣把JavaScript程式碼包含在一個HTML註解中可以讓不支援<script>元素的瀏覽器隱藏嵌入的JavaScript程式碼,也就是忽略<script>標籤中的內容,而那些支援JavaScript的瀏覽器在遇到這種情況時,則必須進一步確認其中是否包含需要解析的JavaScript程式碼。 <br><br>雖然這種註解格式得到了所有瀏覽器的認可,也能被正確的解釋,但由於所有瀏覽器都已經支援JavaScript,因此也就沒有必要再使用這種格式了。</script>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板