javascript - JavaScript 中的字符串连接

Question

<script type="text/javascript">
function Msg1(){
var a="noida";
id=1;
  document.getElementById('myText').innerHTML = '<p onclick="nice(id)">'+a+'</p>';
}
function Msg2(){
  document.getElementById('myText').innerHTML = 'Try message 1 again...';
}
</script>
<input type="button" onclick="Msg1()" value="Show Message 1" />
<input type="button"  onclick="Msg2()" value="Show Message 2" />
<p id="myText"></p>

当我点击“显示消息 1”时，它会以字符形式发送 id，而不是 1，我希望它向我发送 1谢谢

Answer 1

你可以这样做:

'<p onclick="nice(\"' + id + '\")">'+a+'</p>';

或者:

'<p onclick="nice(' + escape(JSON.stringify(id)) + ')">'+a+'</p>';

但这很快就会变得非常难以理解。

使用此方法，您无法发送不易序列化的内容。更强大、更复杂的解决方案将使用 DOM API 和 EventListener API。

示例:

var id = { foo: "bar" };
var p = document.createElement("p");
p.addEventListener("click", function () {
    nice(id);
});
p.innerText = "ipsum lorem";
document.body.appendChild(p);