如何控制页面内的javascript执行顺序?我页面内有个编辑器,页面底部有个通用的底部JS,JS 里面放的是统计代码。
我想大家都是这样的吧?在页面底部调用一个JS<script type="text/javascript" src="....../bottom.js">负责显示版权、统计等信息。现在问题来了
我发现 ,页面加载的时候,必须先执行页面底部的JS,然后再调用我的编辑器。由于我的编辑器也是在同页用JS调用的。这样,就必须等待一段时间才能显示我的编辑器。往往底部的统计代码耗很长时间。我希望先执行我的“显示我编辑器的JS”  最后再调用脚部的JS.怎么实现?<script language="javascript" src="Editor/all.js"></script><script language="javascript">
    //若干涉及到编辑器的JS
</script>
<iframe id="" 没有src ></iframe><!--编辑器src由上面的JS实现-->
……
……
……
……
<script type="text/javascript" src="....../bottom.js">

解决方案 »

  1.   

    不清楚你的统计代码是否放在form里面的?
    你可以把你的执行统计代码加到window.load()方法里面,load方法会在页面form渲染完才执行
      

  2.   

    设一变量,编辑器加载完后置一值,页面 setTimeout 调用检测该变量,确保编辑器加载完成后再执行 bottom.js
      

  3.   

    笨办法就是把要执行的顺序排好序,就可以了啊,因为页面的Html代码是顺序的往下执行。
      

  4.   

    try:
    <script type="text/javascript" src="....../bottom.js" defer>
      

  5.   

    我想等页面加载完,包括编辑器加载完之后再调用脚部js文件,可以吗?我这个方法没用啊。我用把bottom.js在最后插入到某个div里
    在<body>里加个onload   <body onload="a();">
    function a(){
    var bottomscript=document.createElement("script");
    bottomscript.setAttribute("src", "inc/bottom.js"); 
        bottomscript.setAttribute("type","text/javascript"); 
        bottomscript.setAttribute("language","javascript"); $("mybottom").appendChild(bottomscript);
    }
      

  6.   

    加载编辑器的js中调用你写的那个a函数