在页面中动态载入外部javascript

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

CODE:

1. newjs. onreadystatechange = function ( ) {
2. if (newjs. readyState == 'loaded' ) {
3. // ready!
4. }
5. }
6. 
   
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 );
9. 
   
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. }
21. 
    
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 );
29. 
    
30. js. onreadystatechange = function ( ) {
31. if (js. readyState == 'complete' ) {
32. alert ( 'JS onreadystate fired' );
33. }
34. }
35. 
    
36. js. onload = function ( ) {
37. alert ( 'JS onload fired' );
38. }
39. return false;
40. }

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