Question

可能重复：
What html tags support the onload javascript event?

我有一个页面，我试图在facebox样式上加载相同的页面，如果我在该页面上放置onmouseover链接并将其悬停它只是工作正常但是当我尝试使用onload时它不是触发事件。

这是我的onmouseover事件。

<a id="curpo" onmouseover="$.image({ ajax: \'http://way2enjoy.com/jquery/threadpreview/'.$thread['id'].'\' });return false;" 
    class="uiMediaThumb uiMediaThumbLarge uiMediaThumbAlb uiMediaThumbAlbLarge">
    <span id="thumbback" class="uiMediaThumbWrap">
        <img src="http://way2enjoy.com/files/icons/priview.png"></span></a>

这很好用，但下面的代码不能正常工作

<a id="curpo" onload="$.image({ ajax: \'http://way2enjoy.com/jquery/threadpreview/'.$thread['id'].'\' });return false;" 
    class="uiMediaThumb uiMediaThumbLarge uiMediaThumbAlb uiMediaThumbAlbLarge">
    <span id="thumbback" class="uiMediaThumbWrap">
        <img src="http://way2enjoy.com/files/icons/priview.png"></span></a>

这是实例： http://way2enjoy.com/forums/viewthread/406828

正下方红色字母听音乐视频在线用户照片
如果我们将光标放在显示的位置，但是它没有显示页面onload，那么放大镜或缩放图标就在那里...要使用mouseover进行测试，您需要将onload更改为{{1在萤火虫中。

Answer 1

onload元素未在a元素上触发，这就是它无效的原因。 onload主要用于body元素。如果你想在显示一个元素之后立即运行一些代码，请尝试在其后面添加一个脚本标记：

<a id="curpo" class="uiMediaThumb uiMediaThumbLarge uiMediaThumbAlb uiMediaThumbAlbLarge"><span id="thumbback" class="uiMediaThumbWrap"><img src="http://something.com/files/icons/priview.png"></span></a>   
<script type="text/javascript">
    $("#curpo").image({ ajax: 'http://something.com/jquery/threadpreview/<?php echo $thread['id']?>' });
</script>

Answer 2

Onload事件不适用于锚元素。它受以下标记支持

<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, 
<link>, <script>, <style>

onload不工作但onmouseover正在工作

2 个答案: