/********************************************************************* * 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变量不存在的问题。