动态加载JS脚本的几个方法,记录一下

1、document.write
document.write 必须在加载页面的过程中使用，否则将复写整个页面；如果用一些异步方法把内容写进页面Body中是不行的，因为IE无法被脚本所阻塞，无法要求加载过程中断，无法保证加载后脚本具体执行的情况

1. <script type="text/javascript">
   
2. document.write("<script src='http://tkxxd.net/test.js'><\/script>");
   
3. </script>

复制代码

2、动态改变已有script的src属性

1. <script src='http://tkxxd.net/test.js' id="jsId"></script>
   
2. <script type="text/javascript">
   
3. jsId.src="http://tkxxd.net/test1.js"
   
4. </script>

复制代码

3、动态创建script元素

1. <script>
   
2. var docHead = document.getElementsByTagName('head')[0];
   
3. var script = document.createElement('script');
   
4. script.setAttribute('type', 'text/javascript');
   
5. script.setAttribute('src', 'http://tkxxd.net/test.js');
   
6. docHead.appendChild(script);
   
7. </script>

复制代码

jQuery的动态加载js

1. jQuery.getScript(url, callback);

复制代码