javascript - 当我切换到优雅降级 Javascript 时出现 Javascript 错误：未找到 zoomImage()

Question

当我切换这个：

<div class="zoom">
<a href="javascript:zoomImage();" class="btn-zoom">view larger image</a>
</div>

对此：

<div class="zoom">
<a href="/zoomimg.jpg" onclick="zoomImage()" class="btn-zoom">view larger image</a>
</div>

我收到一个错误，即找不到 zoomImage() 函数。

这是一个示例页面：http ://www.avaline.com/102

该功能是在页面末尾附近定义的，但直到页面加载后我才点击链接。

Answer 1

您应该将事件处理程序附加到代码中的事件。通常不建议使用内嵌 javascript（HTML 标记中的 javascript）。

看看这篇文章，尤其是“真正不引人注目的方式”：

http://www.onlinetools.org/articles/unobtrusivejavascript/chapter4.html