运行时动态引入JS文件

运行时动态引入JS文件（尚在开发环境）

1.添加方法 requireJSFiles

export function requireJSFiles (target, pathArr) {return new Promise((resolve, reject) => {requireJSFile(target, pathArr[0]).then(() => {pathArr.shift()if (pathArr.length === 0) { resolve(true) } else { requireJSFiles(target, pathArr).then(res => { if (res === true) resolve(true) }) }})})
}

实现方法 requireJSFile

function requireJSFile (target, path) {return new Promise((resolve, reject) => {let e = document.createElement('script')e.type = 'text/javascript'e.src = pathtarget.appendChild(e)e.onload = e.onreadystatechange = function () {if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') {resolve()}}})
}

执行

requireJSFiles(document.body, ['/static/js/a.js', '/static/js/b.js', '/static/js/c.js']).then((res) => {// 数组内的路径必须是运行状态可以访问到文件的路径// dosomething
}）

提示：如果有文件的先后依赖关系，按序写入数组即可，个人想的，水平较差，如果哪位大佬有高见，敬请指点

运行时动态引入JS文件相关推荐

Vue动态引入JS文件
引入前请先: npm install jquery 正式代码: //动态引入JS文件 function loadJavaScript(src, callback) {let script_list=$ ...
自己编写jQuery动态引入js文件插件 (jquery.import.dynamic.script)
这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入. 当你用$.load("dir/my-pa ...
动态引入js文件-支持cdn等线上地址
动态引入cdn js文件,并使用js中的变量常量,亲测有效原文链接:https://blog.csdn.net/Jie_1997/article/details/112011603 function ...
php动态引入js文件路径问题,JavaScript_动态加载外部css或js文件，原理解析：第一步：使用dom创 - phpStudy...
原理解析:第一步:使用dom创建应用:1.提高代码的复用,减少代码量:2.添加一个javascript控制器和 session可以实现动态改变页面样式:3.由于是页面是从上到下依次加载文件的,并且边 ...
SAP UI5 应用开发教程之五十八 - 使用工厂方法在运行时动态创建不同类型的列表行项目控件试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
【java】Java运行时动态生成类几种方式
1.概述转载:Java运行时动态生成类几种方式这里发现自己不知道的,原来Java 还能自己编译自己,学到了. 最近一个项目中利用规则引擎,提供用户拖拽式的灵活定义规则.这就要求根据数据库数据动态生 ...
html动态加载js方法,动态引入js四种方法总结
这次给大家带来动态引入js四种方法总结,动态引入js四种方法的注意事项有哪些,下面就是实战案例,一起来看一下. index.html test.jsalert("hello! I am te ...
LINQ to SQL 运行时动态构建查询条件
原文地址:http://msdn.microsoft.com/zh-cn/dd567295.aspx 在进行数据查询时,经常碰到需要动态构建查询条件.使用LINQ实现这个需求可能会比以前拼接SQL语句 ...
Java运行时动态加载类之URLClassLoader
需求场景:通过URLClassLoader从jar文件中加载类并创建实例,可实现运行时动态加载 1.要加载的jar: 1)接口类IC package cn.fjs;public interface I ...

运行时动态引入JS文件

运行时动态引入JS文件（尚在开发环境）

运行时动态引入JS文件相关推荐

最新文章

热门文章