<script>元素在XHTML中的用法

  编写XHTML代码的规则要比编写HTML严格得多,例如如下代码:

 1 <script type="text/javascript">
 2     function compare(a, b){
 3         if(a < b) {
 4             alert("A is less than B");
 5         } else if(a > b){
 6             alert("A is greater than B");
 7         } else{
 8             alert("A is equal to B");
 9         }
10     }
11 </script>

  这个代码在HTML中是有效的,但是在XHTML中却是无效的。这里的比较语句 a < b 中的小于号(<)在XHTML中将被当作开始一个新标签解析。但是作为标签的话,小于号后面是不可以有空格的,因此这里就会导致语法错误。

解决方案:

  ①使用HTML实体(&lt;)代替代码中所有的小于号(<),虽然可以解决问题,但是影响了代码的理解性;

  ②使用CData片段,如下:

 1 <script type="text/javascript"><![CDATA[
 2     function compare(a, b){
 3         if(a < b) {
 4             alert("A is less than B");
 5         } else if(a > b){
 6             alert("A is greater than B");
 7         } else{
 8             alert("A is equal to B");
 9         }
10     }
11 ]]></script>

   这个方法可以在兼容XHTML的浏览器中解决这个问题。但是还有不少浏览器不兼容XHTML,因而不支持CData片段。所以,为了兼容所有浏览器,可以采用如下方法:

 1 <script type="text/javascript">
 2 //<![CDATA[
 3     function compare(a, b){
 4         if(a < b) {
 5             alert("A is less than B");
 6         } else if(a > b){
 7             alert("A is greater than B");
 8         } else{
 9             alert("A is equal to B");
10         }
11     }
12 //]]>
13 </script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏王磊的博客

带毫秒的字符转换成时间(DateTime)格式的通用方法

C#自身有更好的方式,Net任意String格式转换为DateTime类型 =========================================...

2646
来自专栏coding

事件修饰符

1254
来自专栏俞其荣的博客

Vue.js模板方法

26313
来自专栏超然的博客

jquery中动态新增的元素节点无法触发事件解决办法

  在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的,我们下面就为各位来详细的介绍此问题的解决办法.

642
来自专栏前端杂货铺

mouseenter以及mouseleave兼容性

在IE的全系列中都实现了mouseenter和mouseleave事件,但是在早期的w3c浏览器中却没有实现这两个事件。有时候,我们需要使用 mouseente...

3417
来自专栏程序你好

在VisualStudio中提供运行时和设计时支持的WPF本地化解决方案

关于WPF本地化问题有许多其他的文章,包括使用Locbaml本地化WPF应用程序(https://www.codeproject.com/KB/WPF/Arti...

522
来自专栏用户2442861的专栏

chrome调试工具常用功能整理

chrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css.

181
来自专栏Python研发

HTML

一个完整的网页是由HTML(超文本标记语言),css(层叠样式表)JavaScript(动态脚本语言)三部分组成.

552
来自专栏抠抠空间

html标签详解

<!DOCTYPE> 标签 <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML ...

28711
来自专栏闻道于事

JavaScript面向对象之Windows对象

JavaScript之Window对象 首先我们先了解一个概念:事件。 事件,就是把一段代码设置好,满足条件时触发。或者说,事件是可以被 JavaScript ...

2809

扫描关注云+社区