Chinaz.com - 中国站长站

匿名投稿 投稿指南 RSS订阅 站长资讯通告:
搜索: 您的位置主页>设计在线>WEB标准>阅读资讯:在页面中动态载入外部javascript

在页面中动态载入外部javascript

2007-09-30 08:53:06 来源:cz268.com 作者: 【 评论:1

有时候需要在网页中某个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;
}



Tags:页面   动态   外部   Javascript  
责任编辑:阿小
  • 请文明参与讨论,禁止漫骂攻击。 用户名:新注册) 密码: 匿名:
    评论总数: [ 查看全部 ] 网友评论
    关于我们 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助