泰州电脑学习网   网上汇款免手续费, 收货满意后卖家才能拿钱,货款都安全
收藏本站
  当前位置 : 首页 >> 网站建设 >> HTML专栏 >>
浅谈XHTML(可扩展HTML)标准中CDATA
来源:本站 日期:2007-7-8 点击:

  近来,随着XHTML(可扩展HTML)标准的出现,<script/>标签也经历了一些改变。该标签不再用language特性,而用type特性声明内嵌代码或要加入的外部文件的mime类型,JavaScript的mime类型是"text/javascript"。例如:

 <head> 
 <title>Title of Page</title> 
 <script type=”text/javascript”> 
 var i = 0;  
 </script> 
 <script type=”text/javascript” src=”../scripts/external.js”></script> 
 </head> 
 <body> 
 <!-- body goes here --> 
 </body> 
</html> 

  即使许多浏览器不完全支持XHTML,但大多数开发者现在都用type特性,而不用language特性,以提供更好的XHTML支持。省略language特性不会带来任何问题,因为如前所述,所有浏览器都默认<script/>的该属性值为JavaScript。

  XHTML的第二个改变是使用CDATA段。XML中的CDATA段用于声明不应被解析为标签的文本(XHTML也是如此),这样就可以使用特殊字符,如小于(<)、大于(>)、和号(&)和双引号("),而不必使用它们的字符实体。考虑下面的代码:

 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> 

  这个函数相当简单,它比较数字a和b,然后显示消息说明它们的关系。但是,在XHTML中,这段代码是无效的,因为它使用了三个特殊符号,即小于、大于和双引号。要修正这个问题,必须分别用这三个字符的XML实体<、>和"替换它们:

function compare(a, b) { 
if (a < b) { 
alert("A is less than B"); 
} else if (a > b) { 
131 
JavaScript in the Browser 
alert("A is greater than B"); 
} else { 
alert("A is equal to B"); 


</SCRIPT> 

  这段代码存在两个问题。首先,开发者不习惯用XML实体编写代码。这使代码很难读懂。其次,在JavaScript中,这种代码实际上将视为有语法错,因为解释程序不知道XML实体的意思。用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”); 


]]>
</SCRIPT>

  虽然这是正式方式,但还要记住,大多数浏览器都不完全支持XHTML,这就带来主要问题,即这在JavaScript中是个语法错误,因为大多数浏览器还不认识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”); 


//]]> 
</SCRIPT>


责任编辑:不详

打印本文 关闭本页 返回页首
相关文章
·XHTML+CSS的目的和好处(WEB标准的目的和好处... ·网页制作小技巧
·Robots Meta标签及其用法 ·网页标准建站参考:XHTML 1.0 参考
·网页初学者的参考:HTML标记手册 ·网页制作深入学习之重新认识 button 标签
·HTML中DOCTYPE的定义及用法 ·XHTML1.0中允许使用的所有HTML元素列表
·方法汇总 禁止查看网页源代码全攻略 ·网页代码小技巧
·HTML网页制作基础教程(3):常用标记讲解 ·HTML网页制作基础教程(2):标记的写法
·HTML网页制作基础教程(1):认识HTML ·WHATWG发布HTML5标准草案
·如果你想做Web2.0网站应该注意这些问题 ·通过XHTML校验应该注意的6个细节问题
  热点文章
·键盘操作大全
·如何重装xp系统图解
·神奇地加快XP宽带上...
·如何组装一台电脑
·电脑组装全教程
·五笔字型输入法
·让QQ永久在线——挂...
·bios设置图解教程
  推荐文章
·最新驱动下载
·什么是Google优化
·网站备案绕过手机验证...
·电脑无法启动的特殊故...
·启动“黑屏”故障检修...
·几种主板BIOS报警声音...
·网管维护局域网技巧大...
·网络经典命令行
  相关文章
网站首页 | 关于我们 | 在线学习 | 业务联系 | 版权声明 | 联系方式 | 留言/建议/投诉 | 技术交流
客服邮箱:web@0523pc.com  QQ:43957884
 版权所有、肆意抄袭、模仿必究 泰州电脑© 2004 苏ICP备07003435号