在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>";
在这个例子中,转义了参数"添加'数据'"
中的单引号。
@漏刻有时