Jquery動態加載js的三種方法如下:
第一種:
$.getscript("test.js");
例如:
<script type="text/javascript"> $(function() { $('#loadButton').click(function(){ $.getScript('new.js',function(){ newFun('"Checking new script"'); }); }); }); </script>
第二種:
function loadjs(file){ var head = $('head').remove('#loadscript'); $("<scri"+"pt>"+"</scr"+"ipt>").attr({src:file,type:'text/javascript',id:'load'}).appendto(head); }
例如:
//動態加載js function loadJavascriptInHead(file) { var head = $('head'); $("<script></script>").attr({ src: file, type: 'text/javascript', id: 'loadscript' }).appendTo(head); }
第三種:
$("<scri"+"pt>"+"</scr"+"ipt>").attr({src:file,type:'text/javascript',id:'load'}).appendto($('head').remove('#loadscript'));
第三種方法沒用過,還沒有例子。這三種方法我更傾向於用第二種,在即將整理的下一篇文章《ASP.NET中JavaScript的中英文(多語言)實現方案(二)》中會用到這個例子。請關注。