当我切换到优雅降级的 Javascript 时出现 Javascript 错误:找不到 ZoomImage()
当我将 this: 切换
<div class="zoom">
<a href="javascript:zoomImage();" class="btn-zoom">view larger image</a>
</div>
为 this:
<div class="zoom">
<a href="/zoomimg.jpg" onclick="zoomImage()" class="btn-zoom">view larger image</a>
</div>
时,出现错误,无法找到 ZoomImage() 函数。
下面是一个示例页面: http://www.avaline.com/102
该函数定义在页面末尾,但直到页面加载后我才点击链接。
When I switch this:
<div class="zoom">
<a href="javascript:zoomImage();" class="btn-zoom">view larger image</a>
</div>
to this:
<div class="zoom">
<a href="/zoomimg.jpg" onclick="zoomImage()" class="btn-zoom">view larger image</a>
</div>
I get an error that the zoomImage() function couldn't be found.
Here's an example page: http://www.avaline.com/102
The function is defined near the end of the page, but I didn't click on the link until after the page loaded.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您应该将事件处理程序附加到代码中的事件。通常不建议使用内联 javascript(HTML 标签内的 javascript)。
看看这篇文章,特别是“真正不引人注目的方式”:
http://www .onlinetools.org/articles/unobtrusivejavascript/chapter4.html
You should be attaching event handlers to events in code. Using in-line javascript (javascript within HTML tags) is generally not recommended.
Take a look at this article, particularly "The Really Unobtrusive Way":
http://www.onlinetools.org/articles/unobtrusivejavascript/chapter4.html