JSF 2.2 CDATA 被转义

Question

升级到 Mojarra 2.2.3 后，我发现了一些奇怪的行为。以下 Javascript 声明被破坏：

在 .xhtml 文件中：

<script type="text/javascript">
<!-- /* <![CDATA[ */
    $(document).ready(function() {                                                                             
        if ($('#some_identifier').size() > 0) 
        ...
/* ]]> */-->
</script>

这被扭曲成以下废话：

<script type="text/javascript">
<!-- /* &lt;![CDATA[ */
    $(document).ready(function() {
        if ($('#some_identifier').size() &gt; 0)
        ...
/* ]]&gt; */-->
</script>

这会破坏 .xhtml 文件中嵌入的所有 javascript 代码。我验证了我们之前使用的版本（2.0.x）不会发生这种情况，所以我必须假设它与新的 Mojarra 版本有关。有关如何解决或解决此问题的任何想法？

Answer 1

此 CDATA 语法完全无效。目前尚不清楚你从哪里得到这个以及为什么你认为它是有效的。也许您将它与 CSS 代码的 CDATA 语法混淆了。无论如何，对于 JS 代码中正确的 CDATA 语法，请仔细阅读这篇 Mozilla 开发者网络文章：Writing JavaScript for XHTML。

有效的（现代）语法是：

<script type="text/javascript">
  <![CDATA[
    $(document).ready(function() {                                                                             
      if ($('#some_identifier').size() > 0) 
        ...
  ]]>
</script>

如果你真的，真的需要支持世界上没有人使用的旧浏览器，那么请使用以下语法，它应该适用于那些本身不支持 JavaScript 并因此无法解析 <script> 元素的浏览器（想知道自己，你的 JSF 应用程序，丰富的 JavaScript，还能在那些 web 浏览器上运行吗？为它们转义 JS 真的有用吗？）

<script type="text/javascript">
  <!--//--><![CDATA[//><!--
    $(document).ready(function() {                                                                             
      if ($('#some_identifier').size() > 0) 
        ...
  //--><!]]>
</script>

顺便说一句， 更好的办法是将 JS 代码放在它自己的 .js 文件中。

另见：

• Error parsing XHTML: The content of elements must consist of well-formed character data or markup