zoukankan      html  css  js  c++  java
  • JavaScript动态加载js文件

    /*********************************************************************
     *                  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. 示例代码:
            <!-- http://requirejs.org/ -->
            <script src="js/require.js" defer async="true" ></script>
        2. 如果加入上面这一行require代码,请注意将所有的js代码使用require,否则可能导致加载js异步导致js变量不存在的问题。
  • 相关阅读:
    Linux 常用命令
    silky微服务简介
    okhttp中的Builder模式
    Assert in C#&Java
    Abstract类中使用@Autowire
    @Scope("prototype") bean scope not creating new bean
    【转】centos系统查看cpu内存等情况
    hdu 7013 String Mod 题解
    牛客 11259 H Scholomance Academy 题解
    bzoj 2151 种树 题解
  • 原文地址:https://www.cnblogs.com/zengjfgit/p/7443065.html
Copyright © 2011-2022 走看看