js拼接字符串遇到onclick时

最新推荐文章于 2022-03-16 15:19:14 发布
最新推荐文章于 2022-03-16 15:19:14 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16946803/article/details/88042763
版权

这个注意代码规范就好了

错误的：

maxData.push("<div class='rating-star' οnclick=\'saveSurvey("+questionsId+")\'>点我</div>");

正确的：

maxData.push("<div class='rating-star' onclick=\'saveSurvey(\""+questionsId+"\")\'>点我</div>");

 

原因：转义问题

注意看图片中，下面的是转义后的样子

我这里使用了js的数组[]来存放

 

手把手入门
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html 字符串拼接中 onclick 传参为对象问题处理
weixin_42199383的博客
12-15 1077
html 字符串拼接中 onclick 传参为对象问题处理
JS中append字符串包含onclick无效传递参数失败的解决方案
10-20
问题在于，当`onclick`属性的值包含字符串和整数时，由于单引号的存在，导致参数传递失败，进而使整个JS模块失效。 原因分析： `onclick`属性中的字符串通常是以双引号包裹的，而其中的参数值可能包含单引号。在...
js字符串拼接点击事件，以onclick为例
qq_33453540的博客
07-31 5953
js的点击事件需要解析后才能生效 '<div onclick=repo_donwload(\''+res.id+'\')>'+(res.displayText || '')+'</div>'
字符串拼接onclick函数
whaleluo的博客
11-22 3283
直接贴代码吧 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;js字符串拼接onclick出现的问题&lt;/title&gt; &lt;/head&gt; &lt;body&
给通过js拼接的html加上click()事件
weixin_44000635的博客
06-28 1万+
//对未来元素的绑定事件​​​​​​​ $(document).on("click",".urlTip",function(){ return confirm('您访问的链接即将离开***网站，是否继续？'); }) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"...
onclick事件传递变量参数&拼接字符串
u012161251的博客
06-13 8565
参考：https://blog.csdn.net/qq_37212970/article/details/96438987 报错：jsonObj is not defined at HTMLInputElement.onclick 源代码：拼接html html += "<td><input type='submit' id='checkTutorIn...
js onclick 传递字符串类型的参数（js 拼接html 的几种方式，传递数组出现 [object,object]）
a123123sdf的博客
03-16 6495
js onclick传递字符类型的参数，报not defined；
JS字符串拼接在ie中都报错的解决方法
10-26
在使用JavaScript进行字符串拼接时，尤其是在动态生成HTML元素时，经常会遇到引号嵌套的问题。引号嵌套不当会导致JavaScript代码执行错误，特别是在旧版的Internet Explorer（IE）浏览器中，这可能会引起一些特有的...
JavaScript实现格式化字符串函数String.format
10-20
传统的JavaScript在拼接字符串时，常常会遇到引号嵌套和转义字符的问题，使得代码难以阅读和维护。本文介绍了如何在JavaScript中实现一个格式化字符串的函数String.format，其主要功能是通过占位符的方式动态插入...
js拼接html注意问题示例探讨
10-25
引号分为单引号(')和双引号(")，在拼接字符串时，如果字符串内部包含同类型的引号，则需要使用转义符来避免语法错误。下面根据提供的内容，详细探讨拼接HTML时常见的问题及其解决方法。 首先，关于单引号和双引号在...
浅谈js for循环输出i为同一值的问题
11-26
- 类似于第6种方法，但直接传入字符串，避免了`arguments.callee`的使用。 ```javascript for (var i = 0; i ; i++) { ps[i].onclick = Function('alert(' + i + ')'); } ``` 这些解决方案的共同点都是通过...
js拼接onclick方法字符串参数解决方法
w36680130的博客
06-23 522
js拼接onclick方法字符串参数解决方法
js 拼接HTML字符串 onclick事件传多个参数问题
热门推荐
Altaba的博客
10-27 2万+
欢迎来到Altaba的博客  2017年10月27日 问题：烦躁工作让技术博客停了好久才更新，实在对不住大家和自己了，今天重新捡起来  直接上源码 js字符串拼接onclick出现的问题 function show(a,b) { //console.log(a.name); //console.
拼接html a标签字符串，onClick传递两个字符串类型参数写法
小魔王博客
05-30 1万+
'<a href="#" onclick=changeEnabled("' + planId + '","' + state + '");>'+yesNo+'</a>';
js拼接html(onclick传字符串)
Mh_ui的博客
03-20 1822
var pageIndex = '2-2' strHtml='<img class="back" '+'onclick="goBack(\''+pageIndex+'\')" src=img/icon_back.png"/>' strHtml='<img class="back" '+'onclick="goBack(\'2-2\')" src="img/icon_back...
js的onclick字符串参数的解决办法
Enable1234___的专栏
10-23 1万+
因为对前端不是很懂，但是开发Web时还是需要使用公司的前端框架，今天遇到一个问题，就是onclick方法传递字符串的问题，解决办法如下； 编辑"
JS onClick 字符拼接，string参数！
obf13的博客
09-30 1951
不要忘了带引号！！！ ‘&amp;lt;i class=“icon-edit” onclick=atlas_edit(’+v.pk_atlas_main+’,&quot;’+v.name+’&quot;)&amp;gt;&amp;nbsp; ';
js 拼接字符串时dom元素的onclick方法如何传递对象
最新发布
06-08
如果你想在 JavaScript 中使用字符串拼接 DOM 元素的 onclick 方法，并且想将一个对象作为参数传递，可以使用一个 self-executing 函数来创建一个闭包，并在闭包内访问该对象，然后将该函数作为 onclick 方法的参数传递。 例如，如果你有以下对象： ``` let obj = { name: "John", age: 30 }; ``` 你可以在字符串拼接 onclick 方法时，使用一个 self-executing 函数来创建一个闭包，并在闭包内访问该对象，然后将该函数作为 onclick 方法的参数传递。 ``` let button = document.createElement("button"); button.onclick = '(function(obj) { myFunction(obj); })(' + JSON.stringify(obj) + ')'; ``` 这样，当按钮被点击时，self-executing 函数内的 myFunction 函数将会接收到一个对象类型的参数，你可以在该函数内直接使用该对象。 ``` function myFunction(obj) { console.log(obj); } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值