<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 条评论
登录 后参与评论

相关文章

来自专栏代码GG之家

Scoops android app多主题架构(二)

简要说明 通过注释方式,完成多主题的效果更换。可以减少一些代码,使得代码更清晰一些。 ? 使用说明 1 首先写一个注释类 ? 2 在MainApp 初始化的时候...

1848
来自专栏青玉伏案

ReactNative之从HelloWorld中看环境搭建、组件封装、Props及State

开篇呢,先给大家问个好,今天是中秋节,祝大家中秋节快乐!!虽然是中秋节,但是木有回家还是总结一下知识点写写博客吧,想着昨天总结一下的,但是昨天和几个同学小聚了一...

692
来自专栏肖洒的博客

Web(一):概述

学Python也有一段时间了,学完基本语法后整个人都蒙了。没有什么可以来练手,感觉什么也不会。 准备主攻爬虫和Web。 昨晚学长刚给讲了MVC,回来看到Pyt...

702
来自专栏开源优测

如何用Python调用java程序

如何用Python调用java程序 前言 不会java怎么做Java程序的单元测试呢?我想有一种很好的选择就是Python,充分利用Python的胶水语言的特性...

4185
来自专栏雪胖纸的玩蛇日常

django2用模板代码图标字体丢失报404 cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff

1113
来自专栏一“技”之长

AppleWatch开发入门七——watchOS中通知的应用

        在iOS系统中,支持的通知有两种类型:本地通知和远程通知。本地通知多用于计时类通知,远程的又称推送,多用于一些提示动态的提示信息。这里有相关通知...

612
来自专栏移动开发之家

GSYVideoPlayer项目说明

项目目前UI层大部分方法和变量都是protect,虽然就封装性而言这并不是很好,但你可以继承后快捷实现你的自定义。

503
来自专栏一“技”之长

iOS8新特性扩展(Extension)应用之四——自定义键盘控件

        iOS8系统的开放第三方键盘,使得用户在输入法的选择上更加自主灵活,也更加贴近不同语言的输入风格。这篇博客,将介绍如何开发一个第三方的键盘控件。

721
来自专栏极客编程

Vue-Router 入门与提高实战示例

路由(routing)是指从源到目的地时,决定端到端路径的决策过程。 对于VueRouter而言,路由就是根据一个请求路径选中一个组件进行 渲染的决策过程:

842
来自专栏macOS 开发学习

Mac 开发之 做一个JSON转模型属性的小公举

好啦,到这里就简单完成了这个小工具,继续学习的,可以给这个工具添加一个状态栏按钮(可以参考我前面的文章),也许会用起来更方便哦..

882

扫码关注云+社区