javascript - chrome web控制台中的Javascript“意外标识符”

Question

当 div 被鼠标悬停时，我正在使用一些 javascript 代码来显示图像：

function show()
{
document.getElementById("reveal").innerHTML = "<img src=\"..." border=\"0\">";
}

function hide()
{
document.getElementById("reveal").innerHTML = "Hidden";
}

然后是 HTML：

<a onMouseOver="show()" onMouseOut="hide();"><div id="reveal">Mouseover me!</div></a>

有任何想法吗？

Answer 1

语法高亮显示了它。你错过了之前\的。"border

document.getElementById("reveal").innerHTML = "<img src=\"...\" border=\"0\">";

或者，使用单引号来分隔您的 JS 字符串：

document.getElementById('reveal').innerHTML = '<img src="..." border="0">';

正确混合单引号和双引号时不需要转义。

Answer 2

在此处添加反斜杠

document.getElementById("reveal").innerHTML = "<img src=\"...\" border=\"0\">";

（在 src 的末尾）

Answer 3

尝试在显示功能中使用它...

document.getElementById("reveal").innerHTML = '<img src="..." border="0">';

而不是转义，只需使用单引号