javascript - 如何在 cdata 中正确使用方括号

Question

这就是我的代码在开发者控制台 (Chrome) 中显示的方式:

<script type="text/javascript">// <!&#091;CDATA&#091;
function hidden(){ 
    document.getElementById("test123").style.visibility = "hidden"; 
} 

document.getElementById("test123").addEventListener("click", hidden);

var banner =document.querySelectorAll('.contactBanner1');
for(var i=0;i<banner.length;i++){ 
    banner&#091;i&#093;.addEventListener('mouseover',hidden,false); 
}
// &#093;&#093;></script>

这是我现在收到的错误:Uncaught SyntaxError: Unexpected token ILLEGAL

如何正确使用[？

Answer 1

当 XML 风靡一时时，人们花了很多时间思考他们的 XHTML 和 XML 是否由单个 XML 解析器解析。因此，XHTML 需要通过 XML 验证。

但是，当 XHTML 包含 JavaScript 并且 JavaScript 包含表示小于的 < 时，可能会遇到一个问题。

在 HTML、XHTML 和 XML 中，< 表示开始或结束标记的开始。

为了防止这种情况，建议将 XHTML 中的脚本的内容标记为字符数据，这样，如果/当 XML 解析器到达它时，它会有效地忽略特殊符号，例如 <(以及其他符号)。

所以，脚本应该写成:

 <script type="text/javascript">
   //<![CDATA[ 
           // Inside the CDATA < gets ignored


  //]]>
 </script>

您的代码不遵循这一点，而是为 [ 和 ] 提供 Unicode 字符。

最后，如果您不担心 JavaScript 被解析为 XML，您可以编写更现代的版本:

 <script>


 </script>