11

I would like to know how to load an external Javascript into my document from a function.

4

3 回答 3

18

This is one way:

function loadDaFun() {
   var script = document.createElement('script');
   script.src = '/path/to/your/script.js';
   var head = document.getElementsByTagName("head")[0];
   head.appendChild(script);
}
于 2009-09-03T20:23:07.450 回答
13

@seth的答案是完全正确的,但是您不需要将插入的script元素留在 DOM 上,您可以在加载后立即将其删除,并且您可能想知道插入的脚本何时可以使用,例如,您可以:

function loadScript(url, completeCallback) {
   var script = document.createElement('script'), done = false,
       head = document.getElementsByTagName("head")[0];
   script.src = url;
   script.onload = script.onreadystatechange = function(){
     if ( !done && (!this.readyState ||
          this.readyState == "loaded" || this.readyState == "complete") ) {
       done = true;
       completeCallback();

      // IE memory leak
      script.onload = script.onreadystatechange = null;
      head.removeChild( script );
    }
  };
  head.appendChild(script);
}

用法:

loadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js",
            function () { alert('jQuery has been loaded.'); });
于 2009-09-03T21:00:47.420 回答
-3

使用 AJAX 获取它,然后 eval() 代码。

于 2009-09-03T20:28:22.570 回答