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变量不存在的问题。
  • 相关阅读:
    js命名空间笔记
    css3兼容性问题归纳
    flexbox-CSS3弹性盒模型flexbox完整版教程
    JavaScript 预解析
    消除页面上的链接虚线框
    图片压缩之 PNG
    常见的前端优化技巧有哪些
    for-of循环和for-in循环的区别
    函数式编程初探
    js中同步与异步处理方法
  • 原文地址:https://www.cnblogs.com/zengjfgit/p/7443065.html
Copyright © 2011-2022 走看看