前端【参考】CDATA 去除转义符号

最新推荐文章于 2024-04-24 12:42:59 发布

琴韵

最新推荐文章于 2024-04-24 12:42:59 发布

阅读量1.5k

点赞数

分类专栏：前端文章标签：前端 js CDATA

本文链接：https://blog.csdn.net/u012549626/article/details/100652638

版权

前端专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<![CDATA[ js代码 ]]>

web标准使用方法

根据W3C XHTML 1.0的规定：在XHTML中，因为<和&这两个符号有特殊意义（小于号用于标签的开始标记），所以这两个符号<和&需要转义成<和&。

比如下面的XHTML标准模式代码是错误，因为未使用转义字符：

<!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>

有两种方法能够解决这个问题

1.工作在html模式下，向新兼容XML解析器（即符合XML语法），使用下面的代码：

<!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>

2.工作在html模式下，不兼容XML解析器（来自http://www.w3.org/TR/html401/interact/scripts.html#h-18.3.2）

<!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">
        <!--
        if(1<2)
        {
            alert('a');
        }
        //-->
    </script>
</head>
<body>
<p>html,It works.
</p>
</body>
</html>

为什么说上面这段代码不兼容XML解析器呢？

请看：http://www.w3.org/TR/2002/REC-xhtml1-20020801/#C_4

W3C的解释是：Note that XML parsers are permitted to silently remove the contents of comments. Therefore, the historical practice of "hiding" scripts and style sheets within "comments" to make the documents backward compatible is likely to not work as expected in XML-based user agents.

即：在XML语法中，<!--作为注释，会被XML解析器忽略，所以把javascript放在其中导致不执行。

把下面这段XHTML标准模式代码，就可以看出来javascript不执行。

<!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>

琴韵

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
前端【参考】CDATA 去除转义符号

<![CDATA[ js代码 ]]>web标准使用方法根据W3C XHTML 1.0的规定：在XHTML中，因为<和&这两个符号有特殊意义（小于号用于标签的开始标记），所以这两个符号<和&需要转义成&lt;和&amp;。比如下面的XHTML标准模式代码是错误，因为未使用转义字符：<!DOCTYPE ...
复制链接

扫一扫