當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript动态加载js文件
生活随笔
收集整理的這篇文章主要介紹了
JavaScript动态加载js文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
/********************************************************************** JavaScript動態加載js文件* 說明:* 之前沒有使用require來動態加載js文件,自己模仿實現了一個,參考文檔2中* 有jQuery的方法,以及等效原型。** 2017-8-28 深圳 龍華樟坑村 曾劍鋒********************************************************************/一、參考文檔:1. require.js的用法http://www.ruanyifeng.com/blog/2012/11/require_js.html2. 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變量不存在的問題。
?
總結
以上是生活随笔為你收集整理的JavaScript动态加载js文件的全部內容,希望文章能夠幫你解決所遇到的問題。