vue动态引入js文件的方法_vue如何引入js文件

vue动态引入js文件的方法_vue如何引入js文件Vue动态引入JS文件


Jetbrains全系列IDE稳定放心使用

引入前请先:

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();
        }
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/184542.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号