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:ErrorParsing/page/converter/Person.xhtml:ErrorTraced[line:12]Thecontentofelementsmustconsistofwell-formedcharacterdataormarkup.

因为在HTML中有特殊规则用以确定<script>中那些内容是可以被解析的，但是在STHML

中不适用。这里的比较语句a<b中的小于号<在XHTMLA中会被当做新的标签的开始。但作为标签来讲，小于号后面不能跟空格。因此会导致语法错误。

解决办法一：

用HTML实体（HTML实体参见“HTML实体的博文”）来大体小于号，下面经过处理小于号的代码可以在HTML中正常使用

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 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');
	    		}
	    }
	   //]]>