日期:2014-05-16  浏览次数:20591 次

XHTML中使用JavaScript注意的问题
JavaScript代码:
	<script type="text/javascript">
	    function compare(a,b)
	    {
	    	if(a < b)
    		{
	    		if (a < b)
	    	    {
	    			alert('A is less than B');
	    	    }
	    		else if(a > b)
	    		{
	    			alert('A is greater than B');
	    		}
	    		else
	    		{
	    			alert('A is equal to b');
	    		}
    		}
	    }
	</script>

上述代码在HTML中可以正常使用,但XHTML中使用中会出现下面的错误:
javax.servlet.ServletException: Error Parsing /page/converter/Person.xhtml: Error Traced[line: 12] The content of elements must consist of well-formed character data or markup.

因为在HTML中有特殊规则用以确定<script>中那些内容是可以被解析的,但是在STHML
中不适用。这里的比较语句 a < b中的小于号< 在XHTMLA中会被当做新的标签的开始。但作为标签来讲,小于号后面不能跟空格。因此会导致语法错误。

解决办法一:
用HTML实体(HTML实体参见“HTML实体的博文”)来大体小于号,下面经过处理小于号的代码可以在HTML中正常使用
	    function compare(a,b)
	    {
	    		if (a &lt;= b)
	    	    {
	    			alert('A is less than B');
	    	    }
	    		else if(a &gt;= b)
	    		{
	    			alert('A is greater than B');
	    		}
	    		else
	    		{
	    			alert('A is equal to b');
	    		}
	    }

这样虽然可以解决问题,但是导致代码不好理解了,我们可以使用下面的第二种解决方案

解决办法二:
<script type="text/javascript">
	<![CDATA[
	    function compare(a,b)
	    {
	    		if (a < b)
	    	    {
	    			alert('A is less than B');
	    	    }
	    		else if(a > b)
	    		{
	    			alert('A is greater than B');
	    		}
	    		else
	    		{
	    			alert('A is equal to b');
	    		}
	    }
	   ]]>
	</script>

在兼容XHTML的浏览器中,这个方法可以解决问题。但实际上还有不少浏览器不兼容XHTML
因而不支持CDATA 片段,再使用JavaScript的注释将CDATA注释掉就可以了,如下面的:
	//<![CDATA[
	    function compare(a,b)
	    {
	    		if (a < b)
	    	    {
	    			alert('A is less than B');
	    	    }
	    		else if(a > b)
	    		{
	    			alert('A is greater than B');
	    		}
	    		else
	    		{
	    			alert('A is equal to b');
	    		}
	    }
	   //]]>