在JavaScript中使用双引号和双引号

Question

我想在几个引号和双引号内运行一个函数，但是它不起作用

document.getElementById("loggedin")
.innerHTML="welcome " + user + "<a onclick=deletecookie()> yes </a>";

Answer 1

它应该是

document.getElementById("loggedin")
    .innerHTML="welcome " + user + "<a onclick='deletecookie()'> yes </a>";

有关为什么要在HTML5属性周围加上引号的问题 ，请参考此问题 。

不过一般来说，最好通过javascript代码中的jQuery事件侦听器将类似的内容绑定，而不是将其注入DOM中。 例如：

document.getElementById('loggedin')
    .innerHTML = "welcome " + user + "<a> yes </a>";
$('#loggedin').on('click', 'a', deletecookie);

这样可以使您的JavaScript与呈现的HTML隔离开来，并使您为将来的开发设置内容更加清晰。

Answer 2

或者，您可以使用转义的双引号，如下所示。

document.getElementById("loggedin").innerHTML="welcome " + user + "<a onclick=\"deletecookie()\"> yes </a>";