首页 > 其他分享 >JS动态加载引入JS文件

JS动态加载引入JS文件

时间:2022-12-28 14:47:24浏览次数:34  
标签:function www script JS 引入 js 加载

1.调整标签位置
可以把<script>标签放到HTML文档的最后面,这样不影响页面加载。

 

2.动态创建script来加载

loadJS('js/index.min.js?V=1.0.0.1',function(){
    //加载,并执行回调函数
    //alert('动态引入js成功')
});

function loadJS(url, callback) {
    var script = document.createElement('script'), fn = callback || function() {
    };
    script.type = 'text/javascript';
    // IE
    if (script.readyState) {
        script.onreadystatechange = function() {
            if (script.readyState == 'loaded'
                    || script.readyState == 'complete') {
                script.onreadystatechange = null;
                fn();
            }
        };
    } else {
        // 其他浏览器
        script.onload = function() {
            fn();
        };
    }
    script.src = url;
    document.getElementsByTagName('head')[0].appendChild(script);
}

 

参考:
http://www.javacui.com/javascript/568.html
https://www.jb51.net/article/139481.htm
https://www.jb51.net/article/139504.htm?proxy=1

标签:function,www,script,JS,引入,js,加载
From: https://www.cnblogs.com/yanbian/p/17010090.html

相关文章

  • javaweb 8、JSP
    什么是JSPJavaServicePages:java服务器端页面,也和Servlet一样,用于动态web技术最大特点:写JSP就像在写HTML区别:HTML只给用户提供静态的数据JSP页面中科院嵌入java代......
  • P5231 JSOI2012 玄武密码
    \(P5231\)[\(JSOI2012\)]玄武密码一、题目背景在美丽的玄武湖畔,鸡鸣寺边,鸡笼山前,有一块富饶而秀美的土地,人们唤作进香河。相传一日,一缕紫气从天而至,只一瞬间便消失在了......
  • Vue3+vant+ts 上滑加载,解决上滑调用多次数据的问题
    之前用vue2的时候,写过vue2的用法,链接在这里点击跳转哈,用得挺好的,也没啥问题,照葫芦画瓢的做出来了,但是有问题,下滑之后调用多次数据,按理说组件通过 loading 和 finished......
  • JS基础——异步回调
    前言一个刚入前端的小菜,虽然以前看到过关于回调的文章,但是呢,理解起来有点费劲啊。当时的脑海里就一个概念。回调:大多出现在Ajax请求,用于处理收到的请求结果。嘿嘿,当时真的就......
  • 类路径读取(加载)配置文件
    加载资源文件时路径问题案例1:    不管是java项目还是web项目,用类路径读取配置文件通用性大,移植性好。如下:​​InputStreamin=JdbcUtil.class.getResourceA......
  • 省份城市二级联动【DOM+js+XML】
    功能   省份城市二级联动【js+DOM+XML】实现效果展示代码实现显示页面<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">2<html>3<head>......
  • js for循环,每次循环间隔时间执行
    根据循环的次数来设定延时时间index*1000 $.get('/zdj_stat/data/onheart',function(res){ if(res.code==0){ $(res.data).each((index,v)=>......
  • ENVI扩展工具:批量打开和加载图像小助手
    本工具很早之前就发布了,最近有一个小更新,所以写一个帮助文档详细介绍下功能。本工具包含如下几个功能:批量打开特定文件名的图像(此功能需要安装“中国国产卫星支持工具”......
  • dayjs 前几秒时间
    varsecs_befortime=dayjs().subtract(3000000000,'second').format();前言:工作中的经常对时间进行操作处理,例如倒计时,距离当前过去了多久等场景,采用原生的时......
  • json断言
    在线程组>>添加>>断言>>json断言   ......