如何用JS实现include函数

2019-10-25 06:31:52来源：爱站网阅读 ()

在很多类语言中都有类似php中的include功能的函数，但是在javascript中却没有，那么你知道如何用JS实现include函数吗？接下来的内容中小编将介绍用JS实现的一个include函数的方法。

用法：?
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;i<scripts.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);??

}

看完上述内容后你知道如何用JS实现include函数了吗？?我尽可能的将我所知道的所有知识都写下来了，也希望你们能够尽可能多的贡献和分享你的知识，以便可以让其他人也受益。

原文链接:https://js.aizhan.com/develop/JavaScript/9634.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有