在 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>";

请参阅this question，了解为什么应该在 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>";