vue中引入第三方js文件

最新推荐文章于 2024-08-14 17:13:55 发布

wang_dake

最新推荐文章于 2024-08-14 17:13:55 发布

阅读量999

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/wang_dake/article/details/106092966

版权

这个博客介绍了如何在Vue项目中使用自定义函数appjs动态引入第三方JS文件。通过创建script元素，设置类型和src属性，并监听onload和onreadystatechange事件来确保脚本加载完成。最后将script元素插入到文档头部。函数支持回调机制，在所有脚本加载完成后执行指定的回调函数。

摘要由CSDN通过智能技术生成

const appjs = (callback,url) => {
var scripts = [url];
var HEAD =
document.getElementsByTagName("head").item(0) ||
document.documentElement;
var s = new Array(),
last = scripts.length - 1,
recursiveLoad = function (i) {
console.log('recursiveLoad中的this',this);
//递归
s[i] = document.createElement("script");
s[i].setAttribute("type", "text/javascript");
s[i].onload = s[i].onreadystatechange = function () {

console.log('onreadystatechange中的this',this);

//Attach handlers for all browsers
if (
!/*@cc_on!@*/ 0 ||
this.readyState == "loaded"