当前位置：首页 > 设计在线 > 网页设计 > CSS/Xhtml > 在页面中动态载入外部javascript

在页面中动态载入外部javascript

点击次数：27 次 发布日期：2008-11-21 16:10:25 作者：源代码网
源代码网推荐

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

源代码网整理以下

以下为引用的内容：
CODE:
newjs. onreadystatechange = function ( ) {
if (newjs. readyState == "loaded" ) {
// ready!
}
}
 
newjs. onload = function ( ) {
// ready!
}

 

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

源代码网整理以下 

源代码网整理以下

以下为引用的内容：
CODE:
var css;
function include_css (css_file ) {
var html_doc = document. getElementsByTagName ( "head" ) [ 0 ];
css = document. createElement ( "link" );
css. setAttribute ( "rel", "stylesheet" );
css. setAttribute ( "type", "text/css" );
css. setAttribute ( "href", css_file );
html_doc. appendChild (css );
 
// alert state change
css. onreadystatechange = function ( ) {
if (css. readyState == "complete" ) {
alert ( "CSS onreadystatechange fired" );
}
}
css. onload = function ( ) {
alert ( "CSS onload fired" );
}
return false;
}
 
var js;
function include_js (file ) {
var html_doc = document. getElementsByTagName ( "head" ) [ 0 ];
js = document. createElement ( "script" );
js. setAttribute ( "type", "text/javascript" );
js. setAttribute ( "src", file );
html_doc. appendChild (js );
 
js. onreadystatechange = function ( ) {
if (js. readyState == "complete" ) {
alert ( "JS onreadystate fired" );
}
}
 
js. onload = function ( ) {
alert ( "JS onload fired" );
}
return false;
}

源代码网供稿.
网友评论 (0)
我也要写评论
会员中心
设计在线
本站推荐
设计在线之精华