在页面中动态载入外部javascript

有时候需要在网页中某个div载入之后，动态引 入一段javascript，主要利用了onload以及onreadystatechange事件。把这个加以利用，也能动态载入外部css。下面是同 时适合Ie/firefox的写法。

有时候需要在网页中某个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的例子。

原始出处