按需从服务器下载对应的js文件

 最近在研究 jQuery 库，今日发现个对于大量js 下载慢的问题。特别是象extjs 那样比较大的库。

jQuery库中有这样一个公用方法：$.getScript() 可以在页面加载完毕的情况下 根据显示需要再去下载 其它的js文件

1. $("#btnShowMap").click(function()
2. {
3.     //加载远程js
4.     $.getScript("http://api.51ditu.com/js/maps.js");
6.     //显示51地图
7.     var maps = new LTMaps( "maps" );
8.     maps.cityNameAndZoom( "beijing" , 2 );
9.     var c = new LTSmallMapControl();
10.     maps.addControl(c);
11. }
12. )

这样的好处：1.提高首页的展现效果，页面打开速度提高了。

                        2.可以估测用户可能的操作，在用户不知晓的情况，下载一些js 到用户本地，当用户需要一些效果时，直接从本地调用js就可以了。

 

这样举一反三，实际也可以在用户看页面时，通过jQuery库的$.get("http://202.99.121.155/xmlTest/personinfo.xml") 下载一些用户可能会用到的信息。因为ie的缓存原因，当用户提交请求时，浏览器会先从缓存中寻找符合的信息，这样从缓存中读取该信息就可以了。