Javascript调用函数 - onclick工作,而onload没有

时间:2014-04-21 14:29:52

标签: javascript html function onclick onload

我正在尝试在页面加载时显示优惠。

该优惠使用onClick方法工作并显示(意味着'getOffers.php'脚本没有任何问题:

<div class="container" onclick="getRequest('<?=$root?>getOffers.php')">

    <div id="offers" class="home-box">
        <h3>Offers</h3>
        <p id="target"></p>
    </div><!-- /#offers -->

</div><!-- /.container -->

每当我尝试:

<div class="container" onload="getRequest('<?=$root?>getOffers.php')">

它似乎没有用,有人可以告诉我我做错了什么。

5 个答案:

答案 0 :(得分:3)

正如您在https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers.onload所看到的,onload是窗口的事件。您无法在div上使用它。

答案 1 :(得分:1)

onload调用放在<body>元素上,或者只将其放在<script>

下方的div标记中
<div class="container">
...
</div>
<script type="text/javascript">
     getRequest('<?=$root?>getOffers.php');
</script>

答案 2 :(得分:0)

&#34;加载&#34;不会为<div>元素触发事件。你可以等待&#34;加载&#34; <body>或文档或窗口中的事件。

答案 3 :(得分:0)

window.onload = function(){
   // do your stuff...
}

请注意,如果您覆盖onload函数,您将失去先前的作业。

答案 4 :(得分:0)

尝试调用html体的onload

<body onload="getRequest('<?=$root?>getOffers.php')">

加载对象时会发生onload event

onload通常在<body>元素中用于在网页完全加载所有内容(包括图像,脚本文件,CSS文件等)后执行脚本。 因此,您无法在div

上应用它

http://www.javascriptkit.com/javatutors/event3.shtml