JavaScript 在页面加载过程中执行的顺序
2011-08-23 10:58
579 查看
看这样一个例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello World jQuery!</title>
<script type="text/javascript" >
alert("1,i can't control any html element");
</script>
</head>
<body>
<div id="divMsg">展示javascript在页面不同位置执行的顺序</div>
<input id="btnShow" type="button" value="2,i can control this element" />
<br />
<img src="http://img.mm-girl.com/photo/209/chenqiaoen-459209.jpg">
<script type="text/javascript" >
alert(document.getElementById("btnShow").value);
window.onload=last;
function last()
{alert("3，i will be executed after the loading of all the pictures ");}
</script>
</body>
</html>
第一个javascript函数是在任何dom结构都未加载时候执行的，第二个javascript函数是在dom结构加载完成时候执行的，此时图片等还未加载完成，第三个javascript函数是在所有图片都加载完成时候执行的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello World jQuery!</title>
<script type="text/javascript" >
alert("1,i can't control any html element");
</script>
</head>
<body>
<div id="divMsg">展示javascript在页面不同位置执行的顺序</div>
<input id="btnShow" type="button" value="2,i can control this element" />
<br />
<img src="http://img.mm-girl.com/photo/209/chenqiaoen-459209.jpg">
<script type="text/javascript" >
alert(document.getElementById("btnShow").value);
window.onload=last;
function last()
{alert("3，i will be executed after the loading of all the pictures ");}
</script>
</body>
</html>
第一个javascript函数是在任何dom结构都未加载时候执行的，第二个javascript函数是在dom结构加载完成时候执行的，此时图片等还未加载完成，第三个javascript函数是在所有图片都加载完成时候执行的。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Javascript代码在页面加载时的执行顺序介绍
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- 移动项目开发笔记(改变页面JavaScript加载时的执行顺序(zt))
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序【转】
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序
- Javascript在页面加载时的执行顺序