浅谈Javascript 执行顺序_基础知识
程序员文章站
2022-03-22 20:10:46
...
Javascript是执行顺序是至上而下的,除非你特别说明, Javascript代码不会等到页面加载完毕后才执行。比如一个网页里含有以下HTML代码:
如果你在这行HTML代码前,加入如下Javascript代码:
运行该页面,你会得到这样的错误信息:“document.getElementById(‘ele') is null。”原因是,当上面的javascript运行时,页面上还没有ID为‘ele'的DOM元素。
解决办法有两种:
1. 把javascript代码放在HTML代码之后:
2. 等到在网页加载完毕后,运行该javascript代码。你可以使用传统的解决办法(load):首先加HTML的body加入“复制代码 代码如下:
复制代码 代码如下:
welcome to www.jb51.net
如果你在这行HTML代码前,加入如下Javascript代码:
复制代码 代码如下:
运行该页面,你会得到这样的错误信息:“document.getElementById(‘ele') is null。”原因是,当上面的javascript运行时,页面上还没有ID为‘ele'的DOM元素。
解决办法有两种:
1. 把javascript代码放在HTML代码之后:
复制代码 代码如下:
welcome to www.jb51.net
2. 等到在网页加载完毕后,运行该javascript代码。你可以使用传统的解决办法(load):首先加HTML的body加入“复制代码 代码如下:
下一篇: 新手准备 用面向过程写一个简易的论坛
推荐阅读
-
Javascript浅谈之this_基础知识
-
浅谈Java文件执行顺序、main程序入口的理解
-
浅谈javascript中关于日期和时间的基础知识
-
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
-
Javascript异步执行不按顺序解决方案
-
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
-
浅谈个人对客户端JavaScript同步、异步、执行顺序等概念的理解
-
实例详解JavaScript中setTimeout函数的执行顺序
-
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
-
浅谈javascript引擎执行代码的步骤-(2019-2)