JavaScript 什么时候在脚本标签中需要CDATA区段

在脚本标签中使用CDATA区段的目的是为了在脚本元素中包含不应被解析为JavaScript的数据。CDATA代表字符数据，它允许您包含可能被解释为HTML或XML标记的字符。

如果没有CDATA区段，浏览器可能会将保留字符解释为真实的JavaScript或HTML代码，这可能导致语法错误或页面上意外显示的HTML内容。

通常情况下，大多数JavaScript代码不需要CDATA区段，但在某些情况下它们是有用的。例如，如果您需要包含一个包含在JavaScript或HTML中保留的字符（如小于号（<）或大于号（>））的字符串，您可以将该字符串封装在CDATA区段中，以防止浏览器将这些字符解释为标记。

CADATA的语法：

<![CDATA[ ... ]]>

示例1：
字符串消息包含HTML标签（<em>和</em>）。通过将字符串包装在CDATA段中，浏览器将把字符串内容视为原始数据而不是JavaScript或HTML代码。结果是，字符串中的HTML标签不会被解释为实际的HTML标记，并且在执行脚本时，字符串将以预期的方式显示。

<script> 
    /* <![CDATA[ */ 
    var message = "This is a message with < and > symbols"; 
    /* ]]> */ 
    console.log(message); 
</script>

输出:

This is a message with embedded HTML 

示例2：
字符串message包含了<和>符号，这两个符号在JavaScript和HTML中都是保留字符。通过将字符串包装在CDATA段中，浏览器将把字符串内容视为原始数据，而不是JavaScript或HTML代码。因此，字符串中的<和>符号不会被解释为实际的JavaScript或HTML标记，当脚本执行时，字符串将按预期显示。

<script> 
    /* <![CDATA[ */ 
    var message = "This is a message with < and > symbols"; 
    /* ]]> */ 
    console.log(message); 
</script>

输出:

This is a message with < and > symbols

示例3：
在这个示例中，字符串message包含了’和\这两个在JavaScript中是保留字符的符号。通过将字符串放在CDATA部分中，浏览器会将字符串的内容当作原始数据而不是JavaScript代码来处理。因此，字符串中的’和\符号不会被解释为实际的JavaScript代码，当执行脚本时，字符串将按照预期显示出来。

<script> 
    /* <![CDATA[ */ 
    var message = "This is a message with ' and \ symbols"; 
    /* ]]> */ 
    console.log(message); 
</script>

输出:

This is a message with ' and \ symbols