用JS实现的一个include函数

wokao2008wh

wokao2008wh

2016-02-19 09:18

今天给大家分享的是由图老师小编精心为您推荐的用JS实现的一个include函数,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!
很多语言都有类似php中的include和require功能的函数,而唯独javascript没有。 
很早就想在js中实现类似的功能,尝试了很多次都没有成功,那天在google上搜索一些关于动态加载css文件的关键词时,发现一个blog(地址找不到了)上的一个为网页的head标签增加link元素的函数,于是就改了一下,写了这个函数。 

用法: 
include_js(src,[reload]); 
src: js文件的路径名 
reload:可选参数,0或1,表示是否重复加载同一个url的js文件。 

说明: 
当包含的js文件中有document.write方法时,在IE下没有反应,但在Mozilla Firefox 下就会让你原来的网页消失,只显示document.write出来的内容:mad:  
嘿嘿,对于这个问题,我自然有妙招: 
就是重定义 document.write方法,让他不显示任何东西。具体做法: 
在 include_js 之前加上这句 
document.write = function () { return false;}
这样,就算include过来的js文件含有document.write方法我们也不怕它破坏网页了!:lol::lol: 

用途: 
本函数可以用于一些广告和统计的js文件异步加载,避免了因加载js文件而造成的网页显示速度慢的问题。 

将此函数修改一下便可以动态加载css文件,不过用处就没有加载js文件的大。 

代码如下:

function include_js(path,reload)  
{  
       var scripts = document.getElementsByTagName("script");  
       if (!reload)  
       for (var i=0;iscripts.length;i++)  
              if (scripts[i].src && scripts[i].src.toLowerCase() == path.toLowerCase() ) return;  
       var sobj = document.createElement('script');  
       sobj.type = "text/javascript";  
       sobj.src = path;  
       var headobj = document.getElementsByTagName('head')[0];  
       headobj.appendChild(sobj);  
}
展开更多 50%)
分享

猜你喜欢

用JS实现的一个include函数

Web开发
用JS实现的一个include函数

用js实现随机返回数组的一个元素

Web开发
用js实现随机返回数组的一个元素

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

一个用js实现控制台控件的代码

Web开发
一个用js实现控制台控件的代码

一个不错的用JavaScript实现的UBB编码函数

Web开发
一个不错的用JavaScript实现的UBB编码函数

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用js写的一个跑马灯

Web开发
用js写的一个跑马灯

Javascript 实现一个获取元素样式的函数getStyle

Web开发
Javascript 实现一个获取元素样式的函数getStyle

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

sql Server 2008 R2还原或删除数据库时总是出错的解决方法

sql Server 2008 R2还原或删除数据库时总是出错的解决方法

javascript 表单日期选择效果

javascript 表单日期选择效果
下拉加载更多内容 ↓