天空小小岛技术网站

标题: 动态加载JS脚本的几个方法,记录一下 [打印本页]

---

作者: s.Bo    时间: 2012-11-5 10:33
标题: 动态加载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>

复制代码

---

作者: 八号    时间: 2013-11-15 09:36
jQuery的动态加载js

1. jQuery.getScript(url, callback);

复制代码

---

欢迎光临 天空小小岛技术网站 (http://tkxxd.net/)

Powered by Discuz! X3.1