javascript

Question

I am trying to turn a <div> into a link to local HTML document (./lilo/index.html) using JavaScript.

<div class="pagelist_item" onClick="goto("./lilo")">
    <h4>Test Button</h4>
    <h6>Discription</h6>
</div>

function goto(url){
    window.location = url;
    alert(url);
}

But when I click the button, nothing happens.

Why does this not work?

score 7 · Accepted Answer

您在此行中的引号不正确：

<div class="pagelist_item" onClick="goto("./lilo")">

jsfiddle 甚至以红色文本显示错误。

使用撇号更容易修复：

<div class="pagelist_item" onClick="goto('./lilo')">

为了澄清，在"hi "there" you"第二个双引号与第一个匹配时，关闭字符串并导致表达式的其余部分出错。用反斜杠转义引号是可行的，"hi \"there\" you"但在双引号中嵌入撇号（单引号）通常更容易。（JavaScript 很乐意使用单引号或双引号来分隔字符串。）

还要从重命名您的函数goto，因为它是保留关键字。

score 2 · Accepted Answer

使用jquery如下

$('.pagelist_item').click(function(){
     window.location="./lilo";
});

javascript - Why doesn't my javascript onclick work with div?