动态引入js/cs

动态引入js/cs

新一篇: 关于IE、Firefox、Opera页面呈现异同

<script type="text/javascript">function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>

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

PLAIN TEXT

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的写法。

PLAIN TEXT

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的例子。

原文地址

http://www.phpied.com/javascript-include-ready-onload/