Chrome网页控制台中的Javascript“意外标识符”

Question

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

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

尝试在show function中使用它...

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

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