<script>中的HTML元素自动被评论</script>

Question

我有一个xhtml页面，其中包含以下内容：

<script type="text/html" id="test1">
    <li>
        test
    </li>
</script>

然而，当页面加载到浏览器中时（在Google Chrome中进行测试）我看到如下：

<script type="text/html" id="test1"><!--    

        <li>test

//--></li>

    <!--   

        <li>test

//--></script>

为什么会这样？＆amp;怎么预防这个？如果页面为html而不是xhtml，则不会发生这种情况。

-

Answer 1

XHTML是#PCDATA，而HTML是CDATA。为了防止对代码进行解析，必须将其包装在CDATA标记中。

<script type="text/javascript">//<![CDATA[
<li>
    test
</li>

//]]></script> 

即使这样可行，我也不确定你为什么要在脚本标签内部使用HTML，这是无效的代码并且没有多大意义。