JavaScript 函数参数中的单引号转义

Question

我需要在 JavaScript 函数参数中转义单引号以避免这种情况：

onclick="Javascript:INSERT_PRODUCT('188267','WILL AND GRACE','32311','L'ANNIVERSARIO DINOZZE ','20101113|04|18|','13/11/2010 0.00.00','CANALE 5  ',this);"

但我需要在函数调用中转义它们，因为我不知道将传递的值（我无法从数据库中转义的 db 变量）。

是否有一个函数可以让我执行以下操作？

onclick="Javascript:function(escape(param1), escape(param2), escape(param3));"

Answer 1

 JSON.stringify(plainTextStr).replace(/&/, "&").replace(/"/g, """)

将生成一个字符串，您可以安全地将其嵌入到带引号的属性中，并且当 JavaScript 解释器看到该字符串时，该字符串将具有相同的含义。

唯一需要注意的是一些 Unicode 换行符（U+2028 和 U+2029）在嵌入 JavaScript 字符串文字之前需要转义，但 JSON 仅需要 \r 和 \n被转义。

Answer 2

用反斜杠转义撇号：

onclick="INSERT_PRODUCT('188267','WILL AND GRACE ','32311','L\'ANNIVERSARIO DI NOZZE ','20101113|04|18|','13/11/2010 0.00.00','CANALE 5 ',this);"

Answer 3

这个问题可能并不完全清楚，但假设您想要的只是将其发送到 PHP 脚本以存储在数据库中，您当然会理想地利用 PHP 的各种方法，例如 stripslashes() -- 但如果您真的不想太花哨，只需在任何单引号前面添加 1 个斜杠就足以从客户端将 SQL 查询直接发送到 PHP。这不安全，但也许也没有必要。

str.replace(/'/g, "\\'"); // escaping \ with \, so used 2x

就可以了。例如，像这样：

var body = $('#body').val().replace(/'/g, "\\'");
myCustomSQLqueryFunction("UPDATE mytable SET `content`='"+ body +"';" );

MySQL 现在将存储您的 body 就像您在表单字段中看到的那样。

Answer 4

这个功能对我有用（它再次删除并恢复引用）：
猜测要发送的数据是一个输入元素的值，

var Url = encodeURIComponent($('#userInput').val().replace("'","\\'"));

然后再次获取原文：

var originalText = decodeURIComponent(Url);

Answer 5

var cmpdetail = cmpdetail.replace(/'/g, "\\'");

它对我有用。

Answer 6

我更喜欢使用单引号来定义 JavaScript 字符串。然后我转义嵌入的双引号，如下所示。

这就是我的做法，基本上是 str.replace(/[\""]/g, '\\"')。

var display = document.getElementById('output');
var str = 'class="whatever-foo__input" id="node-key"';
display.innerHTML = str.replace(/[\""]/g, '\\"');

//will return class=\"whatever-foo__input\" id=\"node-key\"

<span id="output"></span>

Answer 7

我最近遇到了类似的问题，并通过将单引号替换为相应的unicode（'）来解决它

最初我的代码是这样的，导致我得到的结果被截断（例如Jane's Coffee 在输出中变成了 Jane）。

b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>";

当我引入 unicode 替换（如下所示）时，我得到了我想要的确切输出

b.innerHTML += "<input type='hidden' value='" + arr[i].replace("'", "'") + "'>";