动态引入 JS CDN 文件,返回一个 Promise,当加载完毕时为 resolve 状态,加载失败后为 reject。
resolve
reject
其中配置的 defer 和 async 对应 <script> 标签的两种属性。 加载失败时,返回的 Promise 会用原始 error 事件 reject。
defer
async
<script>
error
JS 文件地址
Optional
配置
是否异步加载,默认为 true
true
是否延迟加载,默认为 true
script 加载完成后的 Promise
0.0.14
try { // 插入 Vue 库 await injectScriptBySrc('https://cdn.bootcdn.net/ajax/libs/vue/3.0.2/vue.global.js'); // 成功插入,接下来可以拿到 Vue 全局变量并操作 const app = Vue.createApp({});} catch (err) { // 插入失败 console.log('加载 Vue 库失败,详情为:' + err.message);} Copy
try { // 插入 Vue 库 await injectScriptBySrc('https://cdn.bootcdn.net/ajax/libs/vue/3.0.2/vue.global.js'); // 成功插入,接下来可以拿到 Vue 全局变量并操作 const app = Vue.createApp({});} catch (err) { // 插入失败 console.log('加载 Vue 库失败,详情为:' + err.message);}
动态引入 JS CDN 文件,返回一个 Promise,当加载完毕时为
resolve状态,加载失败后为reject。其中配置的
defer和async对应<script>标签的两种属性。 加载失败时,返回的 Promise 会用原始error事件 reject。