在页面中动态载入外部javascript

作者：佚名    教程来源：不详    点击数：加载中...    更新时间：2007-12-29 字体:[大 中 小]

有时候需要在网页中某个div载入之后，动态引入一段javascript，IE下的解决方案：

CODE:

1. newjs.onreadystatechange = function () {
2. if (newjs.readyState == 'loaded') {
3. // ready!
4. }
5. }
7. newjs.onload = function () {
8. // ready!
9. }

主要利用了onload以及onreadystatechange事件。把这个加以利用，也能动态载入外部css。下面是同时适合Ie/firefox的写法。

CODE:

1. var css;
2. function include_css(css_file) {
3. var html_doc = document.getElementsByTagName('head')[0];
4. css = document.createElement('link');
5. css.setAttribute('rel', 'stylesheet');
6. css.setAttribute('type', 'text/css');
7. css.setAttribute('href', css_file);
8. html_doc.appendChild(css);
10. // alert state change
11. css.onreadystatechange = function () {
12. if (css.readyState == 'complete') {
13. alert('CSS onreadystatechange fired');
14. }
15. }
16. css.onload = function () {
17. alert('CSS onload fired');
18. }
19. return false;
20. }
22. var js;
23. function include_js(file) {
24. var html_doc = document.getElementsByTagName('head')[0];
25. js = document.createElement('script');
26. js.setAttribute('type', 'text/javascript');
27. js.setAttribute('src', file);
28. html_doc.appendChild(js);
30. js.onreadystatechange = function () {
31. if (js.readyState == 'complete') {
32. alert('JS onreadystate fired');
33. }
34. }
36. js.onload = function () {
37. alert('JS onload fired');
38. }
39. return false;
40. }

这里是Demo，有动态载入css以及js的例子。