在JS文件中加载JS文件的方法
在很多情况下,我们会遇到一个问题,就是如何在一个javascript文件里,再加载另一个javascript文件,并完成一定的功能,如何实现一个js文件加载另一个js文件呢?
有些人使用document.write的方式来加载js,这种方法有很多问题,并不推荐使用这种方法。
这里就介绍几种常见的调用方法。
先创建一个公共的脚本文件如下:
var js = document.createelement('script');
js.src = 'myscript.js';
接着通过几种不同的方法将该脚本加载。
1、加载在头部
var js = document.createelement('script');
js.src = 'myscript.js';
document.getelementsbytagname('head')[0].appendchild(js);
另一种写法是:
var js = document.createelement('script');
js.src = 'myscript.js';
document.head.appendchild(js);
2、加载在body中
加载在页面中的写法如下:
var js = document.createelement('script');
js.src = 'myscript.js';
document.body.appendchild(js);
这种加载方法存在一个问题,就是有可能代码是在head区域,导致body还没达到,document.body就不存在,代码就会出错。
3、使用documentelement
document.documentelement就是html文档本身,因此肯定是存在的,这种调用的写法如下:
var js = document.createelement('script');
js.src = 'myscript.js';
var html = document.documentelement;
html.insertbefore(js, html.firstchild);
4、加载在第一个脚本前
这种方法是把js文件插入到第一个出现script的标识前,除非网页里没有任何一个script出现,否则应该不会出错。代码的写法如下:
var js = document.createelement('script');
js.src = 'myscript.js';
var first = document.getelementsbytagname('script')[0];
first.parentnode.insertbefore(js, first);
推荐阅读
-
关于session在PHP5的配置文件中的详细设置参数说明
-
在html文件引入其它html文件的几种方法
-
在HTML中利用js调用php的内容-计数器实例
-
nodejs require js文件入口,在package.json中指定默认入口main方法
-
Egg.js 中 AJax 上传文件获取参数的方法
-
Node.js中读取TXT文件内容fs.readFile()用法
-
python 实现对文件夹中的图像连续重命名方法
-
window系统通过inno setup打包软件安装包实现js调用本机的exe文件
-
在Linux下使用rsync对比和同步文件的方法
-
在JS中如何把毫秒转换成规定的日期时间格式实例