onclick=“doSomething([object Object])” Uncaught SyntaxError: Unexpected identifier

老子叫甜甜 提交于 2020-05-25 18:40:59

问题


var params = {a:1,b:2}; var str = '<a href="#" onclick="doSomething('+params+')">aaaa</a>'; document.write(str);

when I click the <a> on the page,it throws "Uncaught SyntaxError: Unexpected identifier".I can't understand.


回答1:


The reason is that when you use string concatenation, params is casted to string, as result you get something like [object Object] in parenthesis.

You should better put params as var params = '{a:1,b:2}';.

Upd.
As suggested in comments, another viable approach is using JSON.stringify:

var params = {a:1,b:2};
var str = '<a href="#" onclick="doSomething('
    + JSON.stringify(params)
    + ')">aaaa</a>';
document.write(str);

Please, pay attention that JSON.stringify may not be supported by older browsers and you'll need to include additional libraries to make them work.




回答2:


[object Object] is the string representation of any JavaScript object. In your scenario you have params concatenated with a string, which will cast any variable type to a string.




回答3:


The in your case str looks like this: <a href="#" onclick="doSomething([object Object])">aaaa</a>

As you can see, that is not what you want.




回答4:


The answer by Li0liQ is quite Ok. When you clicking on that link you can find doSomething[object Object]

This is only object required .You are not writing the params into document. Casting Problem.




回答5:


Ran into same issue. Reason for the issue: params is converted to string 'object Object' when html is rendered.

The problem can be sorted out in two ways:

Approach 1: add a click handler to the js code. Refer add click handler

Approach 2: Say I want to pass a JSON object named 'params' to the onclick function. As I need a very few attributes of the 'params' object, instead of adding a new handler as in 1st approach, I would rather just pass those specific parameters as below:

'<a href="#" onclick="doSomething(\'' + params['attribute1'] + '\'\, \'' +params['attribute2'] + '\'\)">aaa</a>'


来源:https://stackoverflow.com/questions/11753245/onclick-dosomethingobject-object-uncaught-syntaxerror-unexpected-identifi

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!