extjs - dynamically load javascript? - Stack Overflow

admin管理员组

文章数量:1277317

I use a lot of script in an application, some of them are not required to load the application, I want to load them just before their use if possible, knowing that my application is coded in ExtJS, and uses many ajax calls

I use a lot of script in an application, some of them are not required to load the application, I want to load them just before their use if possible, knowing that my application is coded in ExtJS, and uses many ajax calls

• extjs
• javascript

Share Improve this question Follow edited May 1, 2019 at 15:55 Cœur 38.7k2626 gold badges203203 silver badges277277 bronze badges asked Feb 20, 2011 at 15:03 cranberiescranberies 44133 gold badges99 silver badges2323 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

You could look at using LABjs which is a script loader.

Old and busted:

<script src="framework.js"></script>
<script src="plugin.framework.js"></script>
<script src="myplugin.framework.js"></script>
<script src="init.js"></script>

New hotness:

<script>
   $LAB
   .script("framework.js").wait()
   .script("plugin.framework.js")
   .script("myplugin.framework.js").wait()
   .script("init.js").wait();
</script>

Update: If you want to load jQuery you could do something like this from this blog post.

<script type="text/javascript" src="LAB.js">
if (typeof window.jQuery === "undefined") {
    $LAB.script("/local/jquery-1.4.min.js");
}

You can load an external file using javascript only when/where you need it:

function LoadJs(url){
  var js = document.createElement('script');

  js.type = "text/javascript";
  js.src = url;

  document.body.appendChild(js);

}

LoadJs("/path/to/your/file.js");

Here's a great post on the topic with a proposed solution you might want to check out: http://www.nczonline/blog/2011/02/14/separating-javascript-download-and-execution/

本文标签： extjsdynamically load javascriptStack Overflow