JQuery/PHP

怎样在一个Javascript文件里,再加载另一个Javascript文件

也想出现在这里?联系我们
创客云

在很多情况下,我们会遇到一个问题,就是如何在一个 Javascript 文件里,再加载另一个 Javascript 文件,并完成一定的功能,如何实现一个 JS 文件加载另一个 JS 文件呢?有些人使用 document.write 的方式来加载 js,这种方法有很多问题,并不推荐使用这种方法。这里就介绍几种常见的调用方法。

先创建一个公共的脚本文件如下:

也想出现在这里?联系我们
创客主机
  1. var js = document.createElement('script');
  2. js.src = 'myscript.js';

接着通过几种不同的方法将该脚本加载。

1、加载在头部

  1. var js = document.createElement('script');
  2. js.src = 'myscript.js';
  3. document.getElementsByTagName('head')[0].appendChild(js);

另一种写法是:

  1. var js = document.createElement('script');
  2. js.src = 'myscript.js';
  3. document.head.appendChild(js);

2、加载在 BODY 中

加载在页面中的写法如下:

  1. var js = document.createElement('script');
  2. js.src = 'myscript.js';
  3. document.body.appendChild(js);

这种加载方法存在一个问题,就是有可能代码是在 head 区域,导致 body 还没达到,document.body 就不存在,代码就会出错。

3、使用 documentElement

document.documentElement 就是 HTML 文档本身,因此肯定是存在的,这种调用的写法如下:

  1. var js = document.createElement('script');
  2. js.src = 'myscript.js';
  3. var html = document.documentElement;
  4. html.insertBefore(js, html.firstChild);

4、加载在第一个脚本前

这种方法是把 js 文件插入到第一个出现 script 的标识前,除非网页里没有任何一个 script 出现,否则应该不会出错。代码的写法如下:

  1. var js = document.createElement('script');
  2. js.src = 'myscript.js';
  3. var first = document.getElementsByTagName('script')[0];
  4. first.parentNode.insertBefore(js, first);
资源下载此资源下载价格为5立即购买,VIP 免费

收藏
(0)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

发表评论

热销模板

Hub - 响应式可视化编辑企业官网WordPress汉化模板

Envato

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!

请扫码添加QQ好友后咨询!