欢迎使用Markdown编辑器

最近做项目的时候，需要在一个js里面进行字符拼接，并给onclick的方法传值，碰到浏览器报Unexpected end of input 这个错误，试了很多方法，在网上也查了一下。
代码如下：


```javascript
var prizeMap = giftList.slice(8);
giftStr += ' <li><a href="javascript:void(0)" onclick="openPrize('+ JSON.stringify(prizeMap) +')"><img src="//g.co188.com/img/topics/special/20191108/gift_more.png" alt=""></a></li>'
giftStr += '</ul>';

在dom里面是这样显示的
<a href="javascript:void(0)" onclick="openPrize([{"id":53387,"username":"wy","drawid":3,,"prizeid":21,"grade":6,"status":0,"created":"2019-11-14 17:36:28"},{"id":53389,"username":"wyan","drawid":3,"prizeid":21,"grade":6,"status":0,"created":"2019-11-14 17:44:27"}])">
<img src="//g.co188.com/img/topics/special/20191108/gift_more.png" alt=""></a>后来我把拼接字符串的单引号 换成双引号 ```javascript
var prizeMap = giftList.slice(8);giftStr += " <li><a href='javascript:void(0)' onclick='openPrize("+ JSON.stringify(prizeMap) +");'><img src='//g.co188.com/img/topics/special/20191108/gift_more.png' alt=''></a></li>"giftStr += '</ul>';giftStr += '</div>';

这样就OK了。

<a href="javascript:void(0)" onclick="openPrize([{id:53387,username:wy,drawid:3,prizeid:21,grade:6,status:0,created:2019-11-14 17:36:28},{id:53387,username:wy,drawid:3,prizeid:21,grade:6,status:0,created:2019-11-14 17:36:28}]);"><img src="//g.co188.com/img/topics/special/20191108/gift_more.png" alt=""></a>

问题是引号的问题，dom解析引号要对应，上面的写法，dom引号跟数据里的双引号对应，会报错。
更改引号后，就解决了

关于onclick=open([Object obj],[Object obj])的问题相关推荐

obj: object是什么意思_面试官问你JavaScript基本类型时他想知道什么？
本文原载于SegmentFault专栏"前端小将" 整理编辑:SegmentFault 面试的时候我们经常会被问答js的数据类型.大部分情况我们会这样回答包括: 1.基本类型(值类 ...
getobject java,Object get(Object obj)
Object get(Object obj) 描述 (Description) java.lang.reflect.Field.get(Object obj)方法返回指定对象上此Field表示的字段的 ...
C4D不能加载object文件、obj文件？提示未知文件格式
<C4D的十万个为什么>首发于公众号:苦七君免费搜索查看更多问题:kuqijun.com 问题: C4D不能加载object文件,obj文件?提示未知文件格式答案: 要显示文件名后缀 ...
java之Thread.sleep(long)与object.wait()/object.wait(long)的区别及相关概念梳理（good）
一.Thread.sleep(long)与object.wait()/object.wait(long)的区别 sleep(long)与wait()/wait(long)行为上有些类似,主要区别如下: ...
js学习日记-new Object和Object.create到底干了啥
function Car () {this.color = "red"; } Car.prototype.sayHi=function(){console.log('你好') }v ...
obj[]与obj._Ruby中带有示例的Array.rassoc（obj）方法
obj[]与obj. Array.rassoc(obj)方法 (Array.rassoc(obj) Method) In this article, we will study about Array ...
obj[]与obj._Ruby中带有示例的Array.include？（obj）方法
obj[]与obj. Ruby Array.include?(obj)方法 (Ruby Array.include?(obj) Method) In the previous articles, we ...
Java-类型转换，String转Object和Object转String
import java.text.MessageFormat; import java.text.ParsePosition; import java.text.SimpleDateFormat; i ...
Object.entries() Object.values()
prosoal: object values/entries Object.entries() MDN: Object.entries 此方法签名如下: Object.entries(value : ...
【TypeScript】Object、object和{}类型
文章目录 Object.object和{}(对象类型) Object object {}/空类型总结(比较) Object.object和{}(对象类型) Object Object类型是所有 Ob ...

关于onclick=open([Object obj],[Object obj])的问题

这里写自定义目录标题

欢迎使用Markdown编辑器

关于onclick=open([Object obj],[Object obj])的问题相关推荐

最新文章

热门文章