(一)JQuery动态加载js的三种方法
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的中英文(多语言)实现方案(二)》中会用到这个例子。请关注。