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

cancan2021年10月25日技术教程4220

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


扫描二维码推送至手机访问。

版权声明:本文由李灿灿发布,如需转载请注明出处。

本文链接:https://licancan.com/17.html

分享给朋友:

相关文章

Nginx反向代理绕 + 端口转发完美绕过网站备案

Nginx反向代理绕 + 端口转发完美绕过网站备案

写这篇文章之前先吐槽下国内的备案系统。前段时间腾讯云有个活动,于是高兴地买了3年的云主机。目前手头几个域名,在阿里云备案的,想把域名解析到腾讯云主机上。结果解析过去之后,打开页面一看,腾讯云提示备案。我想怎么这么奇怪,明明已经备案好了,难道...

十年seo经验教你快速更新网站快照

十年seo经验教你快速更新网站快照

很多站长都遇到过网站快照不更新的问题,很令人头疼。遇到这种问题,我们能够想到的就是进行快照投诉,但是这样的问题是怎么引起的呢?通过对网站的诊断和分析,找出是自己网站的问题还是百度自己的问题,并有针对性地加以处理。通常情况下,造成网站快照不更...

2021年谷歌无限网盘申请和VPS挂载谷歌网盘的方法

2021年谷歌无限网盘申请和VPS挂载谷歌网盘的方法

简介:虽然谷歌盘盘对网盘进行了捕捉的搬运限制,但还有足够的谷歌能力对个人还是有很大的作用,只要不饲养还是可以长期使用的,今天还是小生常谈,接下来一说如何申请谷歌团队盘,不是把队伍盘挂到你的VPS上,挂载后可以安装离线下载,音影库,等等可以翻...

Cloudflare 521错误的4种解决方法

Cloudflare 521错误的4种解决方法

当网络浏览器显示”Error 521:Web server is down”信息时,这意味着网站遇到了服务器端问题。这是一个影响到使用Cloudflare的网站的常见错误。当原生服务器拒绝Cloudflare的连接请求时,就会出现这种错误。...

在你的网页中插入天气预报(附代码)

在你的网页中插入天气预报(附代码)

现在有很多天气网站提供了免费或收费的api,如果每日访问量不高的话可以选择免费的,下面便是使用和风天气的api制作的一个显示当前地区当前时间的天气的网页,当然如果需要天气预报等也只需要从获取的json数组里提取就是了。上图一张:完整代码下载...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。