jQuery動態載入js檔案簡單介紹
本章節介紹一下如何利用jQuery動態載入js檔案,希望能夠給需要的朋友帶來一定的幫助。
由於技術的進步和瀏覽者審美的提高,有進取心的網站一般都會設計的非常的美觀和人性化,這裡自然少不了大量js的應用,由於程式碼裡通常較大,所以會將js程式碼放入不同的js檔案中進行分門別類的引入,如果一次性引入這會嚴重影響頁面的載入速度,最好的情況是使用的時候再進行載入。
恰好jQuery提供了$getScript()方法能夠實現我們的要求,下面簡單介紹一下如何使用。
一.要引入的檔案:
有一個要引入的antzone.s,裡面有這樣的一段程式碼:
[JavaScript] 純文字檢視 複製程式碼var antzone='螞蟻部落'; function newFun(Param){ alert(Param) }
二.引入並使用:
[JavaScript] 純文字檢視 複製程式碼$(function(){ $('#bt').click(function(){ $.getScript('antzone.js',function(){ newFun("javascript教程"); }) }) })
以上程式碼中,點選按鈕可以引入antzone.js檔案,並且可以呼叫引入檔案中的函式。
相關文章
- 動態載入js檔案簡單介紹JS
- js動態載入js檔案簡單介紹JS
- 按照順序動態載入js檔案簡單介紹JS
- js實現的動態載入css檔案簡單介紹JSCSS
- 實現js檔案動態載入的幾種方式簡單介紹JS
- AngularJs動態載入模組和依賴注入簡單介紹AngularJS依賴注入
- js動態載入 js檔案和 css檔案JSCSS
- 如何動態載入js檔案JS
- jquery實現的圖片預載入簡單介紹jQuery
- jQuery實現的非同步動態載入css和js檔案jQuery非同步CSSJS
- javascript如何動態載入js檔案JavaScriptJS
- 檔案管理簡單介紹
- jquery如何實現動態載入CSS檔案jQueryCSS
- jquery解析json格式字串簡單介紹jQueryJSON字串
- ajax載入xml檔案內容程式碼例項簡單介紹XML
- jquery獲取json資料簡單介紹jQueryJSON
- jQuery實現的動態載入css和js檔案程式碼例項 [jQueryCSSJS
- CGlib動態代理-簡單介紹CGLib
- javascript如何動態載入js或者css檔案JavaScriptJSCSS
- js動態載入外部css檔案程式碼JSCSS
- jQuery Validate簡單介紹jQuery
- jQuery filter() 用法簡單介紹jQueryFilter
- jquery.lazyload.js外掛用法簡單介紹jQueryJS
- javascript圖片預載入簡單介紹JavaScript
- Node.js的模組載入方式與機制簡單介紹Node.js
- JSON簡單介紹JSON
- nodejs簡單介紹NodeJS
- jQuery阻止事件冒泡簡單介紹jQuery事件
- jQuery自定義事件簡單介紹jQuery事件
- jquery動畫佇列簡單介紹jQuery動畫佇列
- 動態載入js或者css檔案程式碼例項JSCSS
- 實現js檔案動態載入程式碼例項JS
- 原生JS動態載入JS、CSS檔案及程式碼指令碼JSCSS指令碼
- JSON物件簡單介紹JSON物件
- js WebSocket用法簡單介紹JSWeb
- 自定義jquery外掛簡單介紹jQuery
- jQuery滑鼠雙擊事件簡單介紹jQuery事件
- jQuery自定義外掛簡單介紹jQuery