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