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

shensiqiu 发布于 2016/08/11 15:23
阅读 1K+
收藏 0

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

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

谢谢

加载中
1
Eller
Eller

你好,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加载完毕后执行的脚本。


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

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

shensiqiu
shensiqiu
嗯嗯,原来是dom结构,了解了,谢谢
0
shensiqiu
shensiqiu

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

你好,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加载完毕后执行的脚本。


我在项目里还是不行;我在项目里的写法下面贴了,就是在jsp一个页面中写了一个script标签,里面写了一个function,等加载完执行
<script type="text/javascript" src="js/printSet.js" onload="addOrCancel()"></script>
<script>
function addOrCancel(){
        var $fr = $(".dhx_toolbar_text:first-child");
        var $la = $(".dhx_toolbar_text:last-child");
返回顶部
顶部