Onload事件seq

时间:2012-09-12 08:52:21

标签: javascript html

我正在尝试使用写法& onload事件。这是我的代码:

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body onload="document.write('body loaded!')">
        <h1>Hello World!</h1>
        <img onload="document.write('img loadeld!')" src="smiley.gif" alt="Smiley face" width="42" height="42" />
    </body>
</html>

在这种情况下,事件的顺序是什么?浏览器会首先创建body元素&amp;调用“body loaded”或首先创建img元素?

1 个答案:

答案 0 :(得分:0)

我建议您创建一个div而不是使用innerHTML属性来写入内容。示例代码为:

<img src = "hi.jpg" onLoad = "function1()"/>
<div id = "xyz"></div>

Javascript部分:

<script>
function function1(){
document.getElementById("xyz").innerHTML = "Imageloaded!!";
}
</script>