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

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

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • android之Display.getRotation()_传感器控制屏幕旋转

    在看android自带的samples源码里面的AccelerometerPlayActivity时,看到下面这段代码,很不理解public void onSensorChanged(SensorEvent event) { if(event.sensor.getType() != Sensor.TYPE_ACCELEROMETER){ return; } switch (m

    2022年3月10日
    54
  • ubuntu18安装vscode_ubuntu安装vscode失败

    ubuntu18安装vscode_ubuntu安装vscode失败最近在学习一些前端开发的知识,使用了VisualStudioCode,记录一下。访问https://code.visualstudio.com/:网站会自动识别你的操作系统,并推荐对应的下载包。本例中使用的是UbuntuLinux,所以默认提供了Linux下的和两种安装包。对于Ubuntu,当然是使用安装包了。下载VSCode安装包,我下载的是文件。使用安装:安装过程很快,安装好以后,就能在里找到它了。点击右键,,把它固定到docker栏,以后就方便使用了。打开VSC

    2022年9月13日
    2
  • sql多层嵌套查询优化_sql嵌套查询返回多个字段

    sql多层嵌套查询优化_sql嵌套查询返回多个字段1.嵌套查询优化优化前SELECTq.id,q.title,q.question,q.person_name,q.department_name,r.response,r.create_timeresponse_timeFROMtb_ent_questionqLEFTJOINtb_ent_res

    2022年8月10日
    9
  • STM32开发项目:ADS1115的驱动与使用

    STM32开发项目:ADS1115的驱动与使用日期作者版本说明2020.09.24TaoV0.0完成主体内容的撰写目录ADS1115介绍驱动源码头文件源文件使用指南基本步骤注意事项ADS1115介绍ADS1115是具有PGA、振荡器、电压基准、比较器的16位、860SPS、4通道Δ-ΣADC,数据通过一个I2C兼容型串行接口进行传输。有关它的详细说明可以参考官方数据手册。驱动源码头文件#ifndef__ADS1115_H__#define__ADS1115_H__#include…

    2025年7月3日
    3
  • cadence快捷键大全(work bertrand russell)

    一、File相关Ctrl+Shift+N:新建一个窗口,即新打开一个ericCtrl+N:新建一个窗口,即编辑代码的窗口Ctrl+O:打开文件Ctrl+Shift+S:另存为Ctrl+Q:关闭eric二、Edit相关Ctrl+Z:撤回Ctrl+Shift+Z:撤回上次的撤回(你懂得,斜眼笑)Ctrl+Y:恢复到上次保存的状态Alt+Shift+C:清楚当前代…

    2022年4月16日
    87
  • php提示Notice: Undefined index解决方法

    php提示Notice: Undefined index解决方法

    2022年2月10日
    44

发表回复

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

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