JavaScript在XHTML中的用法详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript在XHTML中的用法详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2933字，纯文字阅读大概需要5分钟。

内容图文

<script type="text/javascript"> 
function compare(a, b) 
{ 
if(a < b) 
{ 
alert("a is less then b"); 
} 
else if(a > b) 
{ 
alert("a is greater then b"); 
} 
else 
{ 
alert("a is equal to b"); 
} 
} 
</script> 
<script type="text/javascript"> 
function compare(a, b) 
{ 
if(a < b) 
{ 
alert("a is less then b"); 
} 
else if(a > b) 
{ 
alert("a is greater then b"); 
} 
else 
{ 
alert("a is equal to b"); 
} 
} 
</script> 
 
在HTML中，有特殊的规则用以确定<script>元素中的哪些内容可以被解析，但这些规则在XHTML中不适用。因为小于号（<）在XHTML中将被当作开始一个新标签来解析。但是作为标签，小于号后面不能跟空格，因此导致语法错误。 
解决方法有两个：一、用相应的HTML实体（<）替换代码中所有的小于号（<）；二、使用一个CData片段来包含JavaScript代码。 
方法一相应代码： 
[javascript] 
 代码如下:

<script type="text/javascript"> 
function compare(a, b) 
{ 
if(a < b) 
{ 
alert("a is less then b"); 
} 
else if(a > b) 
{ 
alert("a is greater then b"); 
} 
else 
{ 
alert("a is equal to b"); 
} 
} 
</script> 
<script type="text/javascript"> 
function compare(a, b) 
{ 
if(a < b) 
{ 
alert("a is less then b"); 
} 
else if(a > b) 
{ 
alert("a is greater then b"); 
} 
else 
{ 
alert("a is equal to b"); 
} 
} 
</script> 
 
方法二相应代码： 
[javascript] 
 代码如下:

<script type="text/javascript"><![CDATA[ 
function compare(a, b) 
{ 
if(a < b) 
{ 
alert("a is less then b"); 
} 
else if(a > b) 
{ 
alert("a is greater then b"); 
} 
else 
{ 
alert("a is equal to b"); 
} 
} 
]]></script> 
<script type="text/javascript"><![CDATA[ 
function compare(a, b) 
{ 
if(a < b) 
{ 
alert("a is less then b"); 
} 
else if(a > b) 
{ 
alert("a is greater then b"); 
} 
else 
{ 
alert("a is equal to b"); 
} 
} 
]]></script> 
 
方法一虽然可以让代码在XHTML中正常运行，但却导致代码不好理解了；而方法二在兼容XHTML的浏览器中可以解决问题。但不少浏览器并不兼容XHTML，因而不支持CData片段。所以再使用JavaScript注释将CData标记注释掉。 
相应代码： 
[html] 
 代码如下:

<script type="text/javascript"> 
//<![CDATA[ 
function compare(a, b) 
{ 
if(a < b) 
{ 
alert("a is less then b"); 
} 
else if(a > b) 
{ 
alert("a is greater then b"); 
} 
else 
{ 
alert("a is equal to b"); 
} 
} 
//]]> 
</script> 
<script type="text/javascript"> 
//<![CDATA[ 
function compare(a, b) 
{ 
if(a < b) 
{ 
alert("a is less then b"); 
} 
else if(a > b) 
{ 
alert("a is greater then b"); 
} 
else 
{ 
alert("a is equal to b"); 
} 
} 
//]]> 
</script> 
 
这种格式在所有现代浏览器中都可以正常使用。 
附：不推荐使用的语法 
[javascript] 
 代码如下:

<script><!-- 
function sayHi(){ 
alert("Hi!); 
} 
//--></script> 
<script><!-- 
function sayHi(){ 
alert("Hi!); 
} 
//--></script> 
 
像上面这样把JavaScript代码包含在一个HTML注释中可以让不支持<script>元素的浏览器隐藏嵌入的JavaScript代码，即忽略<script>标签中的内容，而那些支持JavaScript的浏览器在遇到这种情况时，则必须进一步确认其中是否包含需要解析的JavaScript代码。 

虽然这种注释格式得到了所有浏览器的认可，也能被正确的解释，但由于所有浏览器都已经支持JavaScript，因此也就没有必要再使用这种格式了。
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JavaScript在XHTML中的用法详解全部内容，希望文章能够帮你解决JavaScript在XHTML中的用法详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端