网站动态加载JS脚本

男娘i 2022-03-31 05:15 334阅读 0赞

Demo\_1

function loadJS(url, fn) {
        var ss = document.getElementsByName('script'),
            loaded = false;
        for (var i = 0, len = ss.length; i < len; i++) {
            if (ss[i].src && ss[i].getAttribute('src') == url) {
                loaded = true;
                break;
            }
        }
        if (loaded) {
            if (fn && typeof fn != 'undefined' && fn instanceof Function) fn();
            return false;
        }
        var s = document.createElement('script'),
            b = false;
        s.setAttribute('type', 'text/javascript');
        s.setAttribute('src', url);
        s.onload = s.onreadystatechange = function () {
            if (!b && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
                b = true;
                if (fn && typeof fn != 'undefined' && fn instanceof Function) fn();
            }
        };
        document.getElementsByTagName('body')[0].appendChild(s);
    }

Demo\_2

function JSLoad(args) {
        s = document.createElement("script");
        s.setAttribute("type", "text/javascript");
        s.setAttribute("src", args.url);
        s.onload = s.onreadystatechange = function () {
            if (!s.readyState || s.readyState == "loaded" || s.readyState == "complete") {
                if (typeof args.callback == "function") args.callback(this, args);
                s.onload = s.onreadystatechange = null;
                try {
                    s.parentNode && s.parentNode.removeChild(s);
                } catch (e) {}
            }
        };
        document.getElementsByTagName("body")[0].appendChild(s);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，334人围观）

还没有评论，来说两句吧...

相关阅读

相关 js动态加载js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

约定不等于承诺〃/ 2022年08月27日 05:52/ 0 赞/ 253 阅读

相关【JS】使用JS动态加载

一、前言前几天的项目中遇到了这个问题，点击一个按钮就添加一行，然后可以对这行数据进行操作。当然自己想到的是使用js中的innerHTML这个方法啦，但是要马

电玩女神/ 2022年07月11日 15:56/ 0 赞/ 245 阅读

相关 js实现动态加载脚本的方法

首先我们需要一个被加载的js文件，我在一个固定文件夹下创建了一个package.js，打开后在里面写一个方法functionOne，很简单，代码如下： [?][Link 1]

叁歲伎倆/ 2022年06月07日 00:19/ 0 赞/ 253 阅读

相关 JS动态加载

/ loadJS:动态加载js文件---方法定义 js_path：动态加载js文件的路径 callback：加载完成后执行的回调函数 / functio

女爷i/ 2022年06月03日 00:28/ 0 赞/ 272 阅读

相关动态加载js

两种方式：第一种，通过请求添加： //动态加载脚本 function UseJs() { $.ajax(

矫情吗；*/ 2022年06月01日 01:55/ 0 赞/ 300 阅读

相关 js实用方法记录-js动态加载css、js脚本文件

https://www.cnblogs.com/morang/p/dynamicloadjscssiframe.html js实用方法记录-动态加载css/js

冷不防/ 2022年05月30日 01:40/ 0 赞/ 241 阅读

相关网站动态加载JS脚本

Demo\_1 function loadJS(url, fn) { var ss = document.getElementsByName('

男娘i/ 2022年03月31日 05:15/ 0 赞/ 335 阅读

相关【转】JS 动态加载脚本的4种方法

[点击去原文][Link 1] 如果js文件都比较小，还是一个js好，这样可以减少连接数。下面是4种比较常用的方法，大家可以根据情况选择，最后脚本之家将会给推荐一个。

ゝ一世哀愁。/ 2021年12月12日 13:27/ 0 赞/ 270 阅读

相关关于动态加载js

此话题讨论很多，解决方案也比较多。一个网页要用的js文件很多，可以一次性全部载入，也可以需要的时候分别载入。现在讨论的是通过jquery动态载入。

我会带着你远行/ 2021年11月02日 04:06/ 0 赞/ 389 阅读

相关 js动态加载js文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

た入场券/ 2021年10月24日 03:22/ 0 赞/ 453 阅读