如何正确地在XHTML文档中使用JavaScript和CSS

2020-04-15 22:27:46易采站长站整理

Internet Explorer 5.5+
不显示该文档.(参见:https://developer.mozilla.org/Ta … _in_XHTML_Documents )

style和javascript内含有两个连续的横杠(–)

在XHTML页面的JavaScript中使用注释标签进行处理时产生的另一个问题就是JavaScript中会有出现两个连续的横杠(–)的情况:

<script type="text/javascript">
<!–
  var i;
  var sum = 0;

  for (i = 10; i > 0; –i)
  {
    sum += i;
  }
// –>
</script>

使用CDATA代替注释

将script标签内的内容放到CDATA块中可以很好地处理注释中出现两个连续的横杠的问题,不过这将使得一些低版本的浏览器不支持它,因为它们不能理解XML。好在,我们可以通过使用JavaScript中的注释符对CDATA块进行注释以达到兼容的目的。

<script type="text/javascript">
//<![CDATA[
  var i = 0;

  while  (++i < 10)
  {
    // …
  }
//]]>
</script>

推荐的xhtml与html兼容处理方式

不要在XHTML页面中直接书写style和script,一个好的替代方案是使用外部文件来书写CSS和JavaScript,然后再在XHTML中进行引入。

这个推荐方案看起来非常不错,不管怎样,它使得页面从text/html向application/xhtml+xml转变的过程中,至少在接下来的这些年里不会出现什么问题。