最近在研究 jQuery 库,今日发现个对于大量js 下载慢的问题。特别是象extjs 那样比较大的库。
jQuery库中有这样一个公用方法:$.getScript() 可以在页面加载完毕的情况下 根据显示需要再去下载 其它的js文件
- $("#btnShowMap").click(function()
- {
- //加载远程js
- $.getScript("http://api.51ditu.com/js/maps.js");
- //显示51地图
- var maps = new LTMaps( "maps" );
- maps.cityNameAndZoom( "beijing" , 2 );
- var c = new LTSmallMapControl();
- maps.addControl(c);
- }
- )
这样的好处:1.提高首页的展现效果,页面打开速度提高了。
2.可以估测用户可能的操作,在用户不知晓的情况,下载一些js 到用户本地,当用户需要一些效果时,直接从本地调用js就可以了。
这样举一反三,实际也可以在用户看页面时,通过jQuery库的$.get("http://202.99.121.155/xmlTest/personinfo.xml") 下载一些用户可能会用到的信息。因为ie的缓存原因,当用户提交请求时,浏览器会先从缓存中寻找符合的信息,这样从缓存中读取该信息就可以了。