动态加载 js 文件

  记录一下 vue 中动态加载 js 文件的写法。

一、load

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function loadJS (callback) {
let head = document.getElementsByTagName('head')[0]
let script = document.createElement('script')
script.charset = 'utf-8'
script.type = 'text/javascript'
script.src = 'https://webapi.amap.com/ui/1.1/main-async.js'

if (typeof callback == 'function') {
script.onload = script.onreadystatechange = () => {
// 动态 script 加载完毕
if (!script.readyState || script.readyState === "loaded" || script.readyState === "complete") {
callback()
script.onload = script.onreadystatechange = null
}
}
}
head.appendChild(script)
}

二、loaded

1
2
3
4
// js 加载完成
loadJS(() => {
console.log('js 加载完成')
})
以上

随笔标题:动态加载 js 文件

随笔作者:刘先玉

发布时间:2020年05月13日 - 18:12:43

最后更新:2020年05月13日 - 18:12:43

原文链接:https://liuxianyu.cn/article/load-js.html