best way to ajax load-in external javascript files with jquery?

Question

I have a one page web application, which means alot of javascript. External scripts like facebook connect etc most visitors wont use, so i'd like to know the BEST method of loading js files on an event (click, hover, timer etc). Idealy with jquery.

Answer 1

jQuery具有getScript（）函数。

 jQuery.getScript( url, [ success(data, textStatus) ] ) 

Answer 2

Generate a <script> element, append it to document.body

Having one, single, minified, gzipped script probably isn't going to be that significant a bandwidth cost though.