在JS文件中加载JS文件的方法

在很多情况下,我们会遇到一个问题,就是如何在一个Javascript文件里,再加载另一个Javascript文件,并完成一定的功能,如何实现一个JS文件加载另一个JS文件呢...

马肤2022-01-31378阅读0评论
商品售价(¥):0 积分
这是懒羊羊

温馨提示:这篇文章已超过903天没有更新,请注意相关的内容是否还可用!

在很多情况下,我们会遇到一个问题,就是如何在一个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);

  5、加载在当前JS文件之前或之后

  这种方法是把js文件插入到目前所在的js文件前,代码的写法如下:

var js = document.createElement('script');
js.src = 'myscript.js';
var first &
nbsp;= document.getElementsByTagName('script'); 
var here = first[first.length-1]; 
here.parentNode.insertBefore(js,here); 

  加载在当前js文件之后,代码的写法如下:

var js = document.createElement('script');
js.src = 'myscript.js';
var first  = document.getElementsByTagName('script'); 
var here = first[first.length-1]; 
here.parentNode.appendChild(js);

  附录:1、在JS文件里加载CSS文件

var link = document.createElement('link');
link.setAttribute('type', 'text/css');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('href', 'mycss.css');
document.head.appendChild(link);

  附录:2、在JS文件里设置META

var meta = document.createElement('meta');
meta.setAttribute('name','viewport');
meta.setAttribute('content','width=device-width, initial-scale=1');
document.head.appendChild(meta);

在JS文件中加载JS文件的方法,在JS文件中加载JS文件的方法,nbsp,第1张



文章版权声明:除非注明,否则均为VPS857原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复:表情:
评论列表 (暂无评论,378人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码