通过创建script标签来引入外部js

通过创建script 标签再引入外部的js 可以等到引入的js 结束之后再执行函数,但是直接通过import的方式引入js的话可能无法控制是否js引入完成后再执行的函数顺序了

const script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://xxxxx.js";
//  这个写法是获取到页面的body标签,向节点的子节点列表的末尾添加script
document.getElementsByTagName('body')[0].appendChild(script);
// 也有一种情况是获取dom结构然后再dom结构里面(开始的地方)加入script并引入js,再调用相应函数
const value = document.getElementById('container')
value .prepend(script)	
var that  = this;
script.onload = function() {
 // 执行相应的函数
 this.test()
}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值