意外的令牌}Javascript

Unexpected Token } Javascript

本文关键字:Javascript 令牌 意外      更新时间:2023-09-26

我在向Javascript函数传递多个参数时遇到了一些问题。

功能:

function selectDino(dinosaurName, dinosaurHealth, dinosaurTraits)
{
    localStorage.setItem("dinoName", dinosaurName);
    localStorage.setItem("dinoHealth", dinosaurHealth);
    localStorage.setItem("dinoTraits", dinosaurTraits);
    location.replace("nextpage.html");
}

调用(主要是"selectDino(("位(:

<img class="leftDino" src="dino1.png" onmouseover = getDino("dinoOne") onclick=selectDino("dinoOne", "20", "Banterous")>
<img class="centerDino" src="dino2.png" onmouseover = getDino("dinoTwo") onclick=selectDino("dinoTwo", "18", "Spiky")>
<img class="rightDino" src="dino3.png" onmouseover = getDino("dinoThree") onclick=selectDino("dinoThree", "22", "Bitey")>

每当我在Chrome开发者控制台上查看时,它都会告诉我以下内容:

Uncaught SyntaxError: Unexpected token }

有人能帮忙吗?

编辑

在属性周围添加了单引号,这就解决了问题。

onclickonmouseover函数需要" ",就像onclick="foo();" 一样

<img class="rightDino" src="dino3.png" onmouseover="getDino('dinoThree')" onclick="selectDino('dinoThree', '22', 'Bitey')">

用引号括起HTML属性,然后关闭HTML元素(/>(:

<img class="leftDino" src="dino1.png" onmouseover="getDino('dinoOne')" onclick="selectDino('dinoOne', '20', 'Banterous')" />
<img class="centerDino" src="dino2.png" onmouseover="getDino('dinoTwo')" onclick="selectDino('dinoTwo', '18', 'Spiky')" />
<img class="rightDino" src="dino3.png" onmouseover="getDino('dinoThree')" onclick="selectDino('dinoThree', '22', 'Bitey')" />

请记住,我还将内引号更改为单引号('(,否则,您将完全破坏HTML。