为什么我的javascript onclick不能与div一起使用？

Question

我正在尝试<div>使用JavaScript 将a 转换为本地HTML文档(./lilo/index.html)的链接.

HTML

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

JavaScript的

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

见http://jsfiddle.net/6HHTd/

但是当我点击按钮时,没有任何反应.

为什么这不起作用？

Answer 1

您的报价在此行中不正确:

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

jsfiddle甚至在红色文本中显示错误.

使用撇号可以更容易修复:

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

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

还要重命名您的函数goto,因为它是保留关键字.