Javascript:“取消”动态脚本标记?

时间:2009-08-08 00:35:58

标签: javascript ajax dynamic scripting

我使用动态脚本标记从外部域请求javascript。有时请求时间太长;如果请求时间过长,是否可以停止请求或超时?

我不想使用xmlhttprequest,因为我想避免使用服务器端代理。

谢谢!

1 个答案:

答案 0 :(得分:0)

说过动态添加脚本有不同的方法,这样做的方法是在DOM准备就绪时将<script>节点附加到文档的正文中,然后在需要很长时间后删除它加载..

   <html>
    <head>
    <title>bla</title>
    <script type="text/javascript">
      function init(){
         var max_time = 2000 //in milliseconds
         g_script_url = "http://yoursite.net/script.js";
         var script = document.createElement("script"); 
         script.setAttribute("src",script_url);
         script.setAttribute("type","text/javascript");   
         document.body.appendChild(script);   

         g_timeout=setTimeout(function(){ 
           var scripts = document.getElementsByTagName("script");
           for (var i=0; i < scripts.length; i++ ){
           if (scripts[i].src == script_url){
              document.body.removeChild(scripts[i]);
            }
           }   
          },max_time);
        }

     window.addEventListener("DOMContentLoaded", init, false);
    </script>
  </head>
   <body>bla bla [...]</body>
  </html>

然后,您可以添加一条指令来清除动态加载脚本末尾的超时:

/* end of http://yoursite.net/script.js's code */
clearTimout(g_timeout);

注意:

document.addEventListener在IE中不起作用,如果您希望跨平台解决方案使用Jquery的方法$(document).ready或者查看Document ready equivalent without JQuery