zoukankan      html  css  js  c++  java
  • javascript <![CDATA[的web标准使用方法

    javascript <![CDATA[的web标准使用方法

    根据W3C XHTML 1.0的规定:在XHTML中,因为<和&这两个符号有特殊意义(小于号用于标签的开始标记),所以这两个符号<和&需要转义成&lt;和&amp;。

     比如下面的XHTML标准模式代码是错误,因为未使用转义字符(保存为itworks.xhtml文件,用firefox打开):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cmn-Hans-CN">
    <head>
        <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
        <title>test</title>
        <script type="text/javascript">
            if(1<2)
            {
                alert('a');
            }
        </script>
    </head>
    <body>
    <p>xhtml,It works.
    </p>
    </body>
    </html> 

    如果在javascript中使用转义字符,javascript解释器不理解,无法执行。代码如下:

         <script type="text/javascript">
            if(1&lt;2)
            {
                alert('a');
            }
        </script>

    按照W3C的规定(http://www.w3.org/TR/2002/REC-xhtml1-20020801/#h-4.8):XHTML中javascript使用CDATA即可,XHTML解析器会把CDATA中的内容当作纯文本处理,不会把<理解为元素开始。

    下面这段XHTML标准模式代码,符合W3C XHTML语法,能够执行(保存为itworks.xhtml文件,用firefox打开):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cmn-Hans-CN">
    <head>
        <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
        <title>test</title>
        <script type="text/javascript">
        <![CDATA[
            if(1<2)
            {
                alert('a');
            }
        ]]>
        </script>
    </head>
    <body>
    <p>xhtml,It works.
    </p>
    </body>
    </html> 

    上面的代码使用的是XHTML标准模式:application/xhtml+xml,即浏览器按照XML语法解析。由于IE6、IE7、IE8不支持XHTML标准模式(http://www.cnblogs.com/sink_cup/archive/2010/01/11/IE6_IE7_IE8_not_support_xhtml_but_it_is_not_important.html)等其他原因 ,所以目前XHTML一般使用text/html兼容模式。

    下面把代码改成text/html兼容模式(保存为itworks.html,用浏览器打开):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cmn-Hans-CN" lang="zh-cmn-Hans-CN">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>test</title>
        <script type="text/javascript">
            <![CDATA[
            if(1<2)
            {
                alert('a');
            }
            ]]>
        </script>
    </head>
    <body>
    <p>html,It works.
    </p>
    </body>
    </html>

    如图所示,这段text/html代码是符合W3C XHTML语法标准的。

    但是在IE6、Firefox、Chrome中都不执行上面这段javascript。

    根据《HTML兼容性指导方针》(http://www.w3.org/TR/2002/REC-xhtml1-20020801/#C_4),W3C对于这种情况的说明是:

    即:XHTML工作在XML标准模式下(application/xhtml+xml),使用<![CDATA[即可;XHTML工作在兼容模式下(text/html),请使用外部script文件。

    为什么浏览器不支持text/html模式下的<![CDATA[呢?

    如果这篇文章对您有帮助,您可以打赏我

    技术交流QQ群:15129679

  • 相关阅读:
    2017第17周四当前工作中困境与挑战思考
    2017第17周三
    2017第17周二
    最小可行产品
    《穷查理宝典》中三条最重要的学习方法
    机场打车有感
    2017第15周五
    2017第15周四
    三条经济学原理帮你做出正确的选择
    Mac通过安装Go2Shell实现“在当前目录打开iTerm2”
  • 原文地址:https://www.cnblogs.com/yeminglong/p/2534929.html
Copyright © 2011-2022 走看看