javascript，onclick 中的大括号不起作用？

Question

已解决，服务器端吃掉了我的 {}。

我的 HTML 中有以下代码:

onclick="changes = {'a': 'b'};"

这会转换为

onclick="changes = ;"

当我加载页面时。所以花括号和中间的所有内容都会消失。知道如何解决这个问题吗？最终，我想提供一个匿名对象作为函数的输入:

onclick="dothis({'a': 'b', '1': '2'});"

Answer 1

我建议通过让您的输入跟踪数据来使您的代码更加语义化，但实际的绑定(bind)和执行是分开的:

<div id="myDiv" data-changes="{'a':'b', '1':'2'}"></div>


document.getElementById('myDiv').onclick = function() {
    var data = JSON.parse(this.getAttribute('data-changes'));

    // here you should be able to say data.a, data.1, etc.
};

大多数现代浏览器都支持原生 JSON 方法:

Browser-native JSON support (window.JSON)

但对于那些不这样做的人，您可以添加 JSON 库的支持:

https://github.com/douglascrockford/JSON-js