2011年5月27日 星期五

動態載入jQuery與CSS

動態載入jQuery,可以使用Firebug來輸入:

var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", "http://code.jquery.com/jquery-1.6.1.js");
$ = jQuery;
動態載入CSS
var fileref=document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", "http://www.fiddler2.com/Fiddler/Fiddler.css");

動態載入其他的資料

document.getElementsByTagName("head")[0].appendChild(URL);

應用


可以在不破壞Cookie(通常會存有SessionID)的狀況下,進行與伺服器的交互運作。


當然,Fiddler的RequestBuilder也可以達到相同的功能,不過就沒有jQuery那麼好用了。


$.post("URL",{Key:"Value",...},function(data){alert(data);})


參考資料:


Dynamically loading an external JavaScript or CSS file


沒有留言:

張貼留言