首页 >web前端 >js教程 > 正文

如何改变Javascript的执行顺序

原创2021-07-19 14:45:5601039

方法:1、利用onload;2、IE中可以利用deferdefer,把代码加载下来,并不立即执行,等文档装载完毕之后再执行;3、利用Ajax中的xmlhttpRequest,判断外部文档加载的状态。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

1、利用onload

<script type="text/javascript">
//<![CDATA[
window.onload = f;
function f(){alert(1);}
alert(2);
//]]>
</script>

输出值顺序是 2、1。

需要注意的是,如果存在多个winodws.onload的话,只有最有一个生效,解决这个办法是:

window.onload = function(){f();f1();f2();.....}

利用2级DOM事件类型

if(document.addEventListener){
window.addEventListener('load',f,false);
window.addEventListener('load',f1,false);
...
}else{
window.attachEvent('onload',f);
window.attachEvent('onload',f1);
...
}

2、IE中可以利用deferdefer作用是把代码加载下来,并不立即执行,等文档装载完毕之后再执行,有点类似onload,但是没有onload那样的局限性,可以重复使用,但是只在IE中有效,所以上面的例子可以修改成为

<script type="text/javascript">
//<![CDATA[
document.write('<script type="text/javascript" src="test.js"><\/script>');
document.write('<script type="text/javascript" defer="defer">');
document.write('alert(2);')
document.write('alert("我是" + tmpStr);');
document.write('<\/script>');
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
alert(3);
//]]>
</script>

这样IE就不报错了,输出值的顺序变成:1、3、2、我是1

3、利用Ajax。

因为xmlhttpRequest能判断外部文档加载的状态,所以能够改变代码的加载顺序。

【推荐学习:javascript高级教程

以上就是如何改变Javascript的执行顺序的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:Javascript
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    醉折花枝作酒筹

    飞花飘絮,霓裳翩翩舞,几多情愫心飞扬。

    最近文章
    php字符串闯关之去除右侧字符427
    继续祸祸字符串之所有字符633
    推荐六个超级棒的代码生成器,快来下载!733
    推荐视频教程
  • JavaScript设计模式完整视频教程JavaScript设计模式完整视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • JavaScript极速入门_玉女心经系列JavaScript极速入门_玉女心经系列
  • JavaScript对象与常用设计模式JavaScript对象与常用设计模式
  • JavaScript—极速入门JavaScript—极速入门
  • 视频教程分类