js代码执行顺序简单介绍代码下载

大家知道javascript代码都是顺序执行，对它要有充分的认识，否则可能会出现一些莫名其妙的问题，当然这些问问一般仅仅会出现在初学者身上，对于稍有经验的程序员来说很难出现这样的问题，下面就简单介绍一下。

下面是我们要操作的div元素:

[ 其他 ] 运行代码下载代码

<script>
<div id="thediv">51前端</div>
</script>

如果将js代码放置于上面静态代码的前面，例如:

[ 其他 ] 运行代码下载代码

<script>
var odiv=document.getElementById("thediv");
</script>

以上代码代码并不能顾获取div对象，因为在执行js代码的时候，并没有加载到div元素。

解决上面的问题可以使用以下方法:

第一种方法:

将js代码放置于div后面，遮掩在执行js代码的时候，保证div已经加载完成。

第二种方法:

使用window.onload事件，也就是等页面文档内容完全加载完毕再去执行事件处理函数中的代码，例如:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
window.onload=function()
{
  var odiv=document.getElementById("thediv");
}
</script> 
</head> 
<body> 
<div id="thediv">51前端</div>
</body> 
</html>

代码描述：js代码执行顺序。js代码执行顺序简单介绍代码下载

下载全部收藏

140 187

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册