JavaScript动态加载js文件

Dear 丶 2021-12-20 23:25 326阅读 0赞

/*********************************************************************
     *                  JavaScript动态加载js文件
     * 说明：
     *     之前没有使用require来动态加载js文件，自己模仿实现了一个，参考文档2中
     * 有jQuery的方法，以及等效原型。
     *
     *                                   2017-8-28 深圳 龙华樟坑村 曾剑锋
     ********************************************************************/
    
    一、参考文档：
        1. require.js的用法
            http://www.ruanyifeng.com/blog/2012/11/require_js.html
        2. jQuery.getScript()
            https://api.jquery.com/jquery.getscript/
    
    二、参考实现：
        // dynamic get javascript and run the demo_name function in script file.
        jQuery.loadScript = function (url, callback) {
            jQuery.ajax({
                url: url,
                dataType: 'script',
                success: callback,
                async: true
            });
        }
        function dynamic_get_script(demo_name, demo_js, json_data) {
        
            if (typeof someObject == 'undefined') $.loadScript(demo_js, function(result){
                // ToDo something
            });
        }
    
    三、require动态加载注意：
        1. 示例代码：
            
            <script src="js/require.js" defer async="true" ></script>
        2. 如果加入上面这一行require代码，请注意将所有的js代码使用require，否则可能导致加载js异步导致js变量不存在的问题。

转载于:https://www.cnblogs.com/zengjfgit/p/7443065.html

发表评论取消回复

表情：

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

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

相关阅读

相关动态加载js文件

在日常开发中有很多时候需要动态加载js文件的场景，先看代码再看例子。 / 动态加载js文件 @params {String} url 动态加载js文件路径 @p

柔情只为你懂/ 2023年01月14日 01:58/ 0 赞/ 214 阅读

相关 html动态加载js文件

一共有三种方法： 1.jquery方法：源码： var headTag = document.getElementsByTagName('head')[0];

「爱情、让人受尽委屈。」/ 2022年09月26日 12:57/ 0 赞/ 582 阅读

相关动态加载JavaScript文件

目录配置无脑方法！逆袭之道！一块蛋糕！结论源代码 -------------------- JavaScript文件的动态加载是您必须拥有的非常有用

朱雀/ 2022年08月28日 02:55/ 0 赞/ 177 阅读

相关 js动态加载js

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

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

相关 JS 动态加载 CSS 文件和JS文件,加载图片

实现功能的js代码。 var dynamicLoading = { css: function(path){ if(!pat

待我称王封你为后i/ 2022年08月14日 05:48/ 0 赞/ 247 阅读

相关 javascript动态加载

将所有<script>标签放置在页面底部，紧靠关闭标签</body>的上方。此方法可以保证页面在脚本运行之前完成解析。将脚本成组打包。页面的<scri

女爷i/ 2022年08月07日 03:37/ 0 赞/ 190 阅读

相关 js文件加载太慢，JavaScript文件加载加速

js脚本加载太慢，JavaScript脚本加载加速（亲测有效）测试背景： JS文件大小：6.1kB `传统形式加载js文件：` <

野性酷女/ 2022年05月27日 01:09/ 0 赞/ 198 阅读

相关 JavaScript动态加载JS和CSS文件

“昨夜星辰昨夜风,画楼西畔桂堂东” 动态加载JS文件可以使用jQuery方法来加载JS文件: $.getScript("test.js", function

蔚落/ 2022年05月25日 13:13/ 0 赞/ 205 阅读

相关 JavaScript动态加载js文件

/ JavaScript动态加载js文件说明：之前没有使用require来动态加载js

Dear 丶/ 2021年12月20日 23:25/ 0 赞/ 327 阅读

相关 js动态加载js文件

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

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