Vue动态引入JS文件

引入前请先：

npm install jquery

正式代码：

//动态引入JS文件
function loadJavaScript(src, callback) {let script_list=$("script[src]").toArray().map(ret=>{return ret.src})if(script_list.indexOf(src)===-1){var script = document.createElement('script'),head = document.getElementsByTagName('head')[0];script.type = 'text/javascript';script.charset = 'UTF-8';script.src = src;if (script.addEventListener) {script.addEventListener('load', function () {setTimeout(function () {callback();},500);}, false);} else if (script.attachEvent) {script.attachEvent('onreadystatechange', function () {var target = window.event.srcElement;if (target.readyState == 'loaded') {setTimeout(function () {callback();},500);}});}head.appendChild(script);}else {callback();}
}

不需要引入JQ的

  //动态引入JS文件function loadJavaScript(src, callback) {let script_list=[]document.querySelectorAll("script[src]").forEach(ret=>{  script_list.push(ret.src) })if(script_list.indexOf(src)===-1){var script = document.createElement('script'),head = document.getElementsByTagName('head')[0];script.type = 'text/javascript';script.charset = 'UTF-8';script.src = src;if (script.addEventListener) {script.addEventListener('load', function () {setTimeout(function () {callback();},500);}, false);} else if (script.attachEvent) {script.attachEvent('onreadystatechange', function () {var target = window.event.srcElement;if (target.readyState == 'loaded') {setTimeout(function () {callback();},500);}});}head.appendChild(script);}else {callback();}}

Vue动态引入JS文件相关推荐

运行时动态引入JS文件
运行时动态引入JS文件(尚在开发环境) 1.添加方法 requireJSFiles export function requireJSFiles (target, pathArr) {return n ...
自己编写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 ...
Vue局部引入Js文件
1.在assest文件中存放js文件 2.在要使用的组件中 import,注意项目的路径关系 ``` import "../assets/BimfaceSDKLoader@latest-re ...
vue怎么引入js文件_Vue核心知识：8.3 vuex在vue-cli中的应用，文件之间的导出与引入...
问题:vuex在vue-cli中的应用第一步:npm下载vuex资源包: npm install vuex --save 第二步:在 src/main.js 中引入 import Vue from ...
php动态引入js文件路径问题,JavaScript_动态加载外部css或js文件，原理解析：第一步：使用dom创 - phpStudy...
原理解析:第一步:使用dom创建应用:1.提高代码的复用,减少代码量:2.添加一个javascript控制器和 session可以实现动态改变页面样式:3.由于是页面是从上到下依次加载文件的,并且边 ...
Vue 引入js文件并使用
1.处理js文件,注意格式,一定要export,否则获取到的为null 2.在Vue中引入js import allinfo from "../../../../static/js/alli ...
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏也不知道是什么原因?引用了几个远程的cdn文件,但是就是失效,cdn引入代码如下: cdn代码如下: <link rel=&quo ...
html动态加载js方法,动态引入js四种方法总结
这次给大家带来动态引入js四种方法总结,动态引入js四种方法的注意事项有哪些,下面就是实战案例,一起来看一下. index.html test.jsalert("hello! I am te ...

Vue动态引入JS文件

Vue动态引入JS文件相关推荐

最新文章

热门文章