javascript - 为 Javascript 函数转义 HTML 的正确方法是什么？

Question

我收到未捕获的语法错误:意外的标识符由于 JavaScript 语法冲突或单引号和双引号。

在源文件中，$str 被转义为特殊字符，但不确定为什么 Javascript 会出错。

为了 Javascript 函数的使用目的，在字符串中使用单引号或双引号对其进行转义的正确/正确方法是什么？

下面是我的代码:

<?php
    $str = 'I\'m John Doe < lol > "19" ! ?';
?>
<div onclick="alert('<?php echo htmlspecialchars($str); ?>')">Test</div>
<div onclick="alert(&quot;<?php echo htmlspecialchars($str); ?>&quot;)">Test</div>

Answer 1

这里需要注意的重要一点是，您不仅仅拥有 JavaScript。 HTML 属性中有 JavaScript，因此必须转义为 JS 然后转义为 HTML。

json_encode 将为 JS 转义。它还会在字符串周围添加引号，所以您不需要自己这样做。

htmlspecialchars 将转义为 HTML。

onclick="alert(<?php echo htmlspecialchars( json_encode( $str ) ); ?>"