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

在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>";

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


@漏刻有时

相关推荐
程序员爱技术1 小时前
Vue 2 + JavaScript + vue-count-to 集成案例
前端·javascript·vue.js
悦涵仙子2 小时前
CSS中的变量应用——:root,Sass变量,JavaScript中使用Sass变量
javascript·css·sass
兔老大的胡萝卜2 小时前
ppk谈JavaScript,悟透JavaScript,精通CSS高级Web,JavaScript DOM编程艺术,高性能JavaScript pdf
前端·javascript
cs_dn_Jie6 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic6 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿6 小时前
webWorker基本用法
前端·javascript·vue.js
清灵xmf7 小时前
TypeScript 类型进阶指南
javascript·typescript·泛型·t·infer
小白学大数据7 小时前
JavaScript重定向对网络爬虫的影响及处理
开发语言·javascript·数据库·爬虫
qq_390161778 小时前
防抖函数--应用场景及示例
前端·javascript
334554328 小时前
element动态表头合并表格
开发语言·javascript·ecmascript