javascritp中字符串参数自身包含单引号或双引号的使用

漏刻有时2024-05-02 8:30

在JavaScript的onclick属性中，想要调用一个函数并传递一些参数，确保字符串内的引号被正确地转义。在你给出的例子中，getPopUrl函数需要一些字符串参数，这些字符串参数自身包含单引号或双引号。

javascript 复制代码

return "<span class='layui-btn layui-btn-xs layui-border-green layui-btn-primary' οnclick=''>主机组</span>"

οnclick=''中需要加入

javascript 复制代码

getPopUrl('添加数据', '?m=Route&a=routeAdd', '', '','');

如何混排？

确保onclick属性中的字符串被双引号包围，这样就可以在字符串内部使用单引号来包围函数的参数（如果参数本身不包含单引号的话）。但是，如果参数本身包含单引号，需要使用反斜杠\来转义它们。由于onclick属性本身被双引号包围，我们不需要对参数中的单引号进行转义。
修改版本1，其中在onclick中调用了getPopUrl函数：

javascript 复制代码

return "<span class='layui-btn layui-btn-xs layui-border-green layui-btn-primary' οnclick='getPopUrl(\"添加数据\", \"?m=Route&a=routeAdd\", \"\", \"\", \"\");'>主机组</span>";

修改版本2，使用了双引号来包围onclick属性的整个值，并用单引号来包围getPopUrl函数的每个参数。这样，就不需要担心参数中的引号与onclick属性的引号冲突了。

但是，请注意，如果参数中确实包含了单引号，使用反斜杠来转义它们：

javascript 复制代码

return "<span class='layui-btn layui-btn-xs layui-border-green layui-btn-primary' οnclick='getPopUrl(\"添加\'数据\'\", \"?m=Route&a=routeAdd\", \"\", \"\", \"\");'>主机组</span>";

在这个例子中，转义了参数"添加'数据'"中的单引号。

@漏刻有时