前端的script中如何使用onload事件

Question

一般body标签中总是会添加onload事件，来等待body加载完然后执行。但是想在一个js文件加载完后再去使用onload该咱呢使用；；；；；；；；；；如果可以的话再问下，jquery中的$(document).ready()与body的onload的具体差别在哪里

主要使用的是FF，不考虑IE

谢谢

Answer 1

后来行了吗？ demo是可以的？ 搜到的动态加载js，都是jquery或创建新script元素再在ready里callback.... 都不是直接改scripts的src再自动执行onload。 一直以为script是比较特别，src不能变，因为变之后，原来的js还有效吗？ 这些细节，有什么手册、文档会提到吗？

Answer 2

引用来自“编程大哥”的评论

你好，body、script 同样是属于HTML元素，不同的元素特性都不相同。

body元素和script元素同样具备 onload事件的加载。

<script src="http://libs.useso.com/js/jquery/1.9.0/jquery.min.js" type="text/javascript" charset="utf-8" onload="alert('jquery加载完毕')"></script>

这样可以实现页面引入js加载完毕后执行的脚本。

Answer 3

嗯嗯，原来是dom结构，了解了，谢谢

Answer 4

• onload事件，在页面和资源（包括图片、脚本文件、CSS等）加载完执行。
• $(document).ready()，是等到页面的DOM结构绘制完成以后执行。不需要等到相关资源文件加载完成再执行

Answer 5

啊啊，好奇怪，我自己写了个小demo可以实现，但是项目里不行。我等明天看看项目那边的情况，总之先谢过

Answer 6

是不是 直接改scripts的src就不会再自动执行onload？只有第一次加载src指定的js，才会执行onload？

Answer 7

回复
@haitaosoft : 哦，ie不支持onload，只有onreadystatechange，而且它的确只在第一次加载后激发。改src后不会激发

Answer 8

你好，body、script 同样是属于HTML元素，不同的元素特性都不相同。

body元素和script元素同样具备 onload事件的加载。

<script src="http://libs.useso.com/js/jquery/1.9.0/jquery.min.js" type="text/javascript" charset="utf-8" onload="alert('jquery加载完毕')"></script>

这样可以实现页面引入js加载完毕后执行的脚本。