js中加载script标签监听失败和成功的回调
分类专栏: Javascript&
标签: scriptjavascript
简介 在业务开发中需要额外创建<script>标签,并进行引入,如果加载失败,此时需要获取失败或者成功的状态。这里可以给你答案.
<pre class="language-javascript"><code>// 加载script脚本
class CommonJs {
static loadScript(url) {
return new Promise(function (resolve, reject) {
const el = document.createElement("script");
el.src = url;
el.type = "text/javascript";
el.async = true;
// el.onError = reject;
// el.onload = resolve;
el.addEventListener('error', reject);
el.addEventListener('load', resolve);
document.head.appendChild(el);
})
}
}
// 使用案例
CommonJs.loadScript("https://cdn.bootcss.com/social-share.js/1.0.16/css/share.min.css").then(() => {
console.log("回调加载成功")
}).catch(err => {
console.log("回调加载失败")
})
</code></pre>
<p> </p>
<p>至此,就可以愉快的使用改标签加载方法的解决方案了。</p>
分享到:
转载:
喜欢 1
收藏
暂无评论信息
- 相关文章
- 文章推荐
-
娱美德旗下MMORPG手游《传奇4》将推出新PVP玩法"比奇掠夺"&
《传奇4》推出新门派PVP玩法!韩国首尔2022年6月29日 /美通社/ -- 《传奇4》(MIR4)的新PVP玩法比奇掠夺(Bicheon Heist)于2022年6月28日推出。
-
Docker 常用命令
docker目前代替虚拟机使用的一个容器,灵活好用。
-
眼镜试戴的装饰效果
开发眼镜类产品的时候需要使用试戴的功能,这里就有你需要的学习资料哦!
-
docker搭建jenkins环境执行宿主机的docker无权限的解决方法
初次搭建jenkins持续集成工具的时候,在运行项目阶段出现 permission denied的情况
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:213篇
- 建站时间:已运行1245天
- 备案号: 浙ICP备2022018799号
- 语言:
- English(USA)
- French(FR)
- Chinese(ZH)
无数据