理一理JavaScript的执行顺序

来源：互联网发布：淘宝的投诉电话有用吗编辑：程序博客网时间：2024/05/19 14:35

Javascript是自上而下执行的 ,代码不会等到页面加载完毕后才执行。比如一个网页里含有以下HTML代码：

<div id="ele">welcome to www.codeceo.com</div>

如果你在这行HTML代码前，加入如下Javascript代码：

运行该页面，你会得到这样的错误信息：

“document.getElementById(‘ele’) is null。”

原因是，当上面的javascript运行时，页面上还没有ID为‘ele’的DOM元素。

解决办法有两种：

1. 把javascript代码放在HTML代码之后：

<div id="ele">welcome to www.codeceo.com</div>

2. 等到在网页加载完毕后，运行该javascript代码。

你可以使用传统的解决办法（load）：首先加HTML的body加入“<body load=”load()”>,”然后在load()函数里调用上述javascript代码。这里要着重介绍的是用jQuery来实现：

//当然,既然用到了jQuery,更简单的写法是：

你可以把上述jQuery代码放在页面的任何位置，它总是等到页面加载完毕后才执行。

0 0

理一理JavaScript的 执行顺序