javascript.async非同步載入頁面。

/* *非同步js 擴充載入標識 *@author  */(function($){if($.fn.async) {return;}if(!document.body) {document.write("<body/>");}$.fn.extend({async : function(url,obj,callback) {//非同步路徑，指定非同步返回資料填充的div，回呼函數if(!this) {alert("對象未找到...");return;}var height;if(obj) {var _obj = typeof(obj);if( _obj == "function")  {callback = obj;}else if(_obj == "number") {height = obj;}}obj = this.wrap("<div style='position:relative;width:100%;'/>");var o = obj.parent();var img = $("<img src='/common/images/loading.gif' style='position:absolute;z-index:9999;display:none;'/>").appendTo(o);var h = img.height();var oh = obj.height();var top = height ? height : oh < h ? 0 : (oh-h)/4;img.css({"left":(obj.width()-img.width())/2,"top":top < 20 ? 20 : top,"display":""});$.ajax({url  : url,timeout : 30000,complete : function() {o.replaceWith(obj);if($.isFunction(callback)) {callback();}},success : function(data) {obj.html(data);}})}});})(jQuery);

載入圖片：