如何控制页面内的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">
我想大家都是这样的吧?在页面底部调用一个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">
你可以把你的执行统计代码加到window.load()方法里面,load方法会在页面form渲染完才执行
<script type="text/javascript" src="....../bottom.js" defer>
在<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);
}