[JAVASCRIPT] IFRAME VS AJAX Òì²½Ìá½»
ÔÚajaxû³öÀ´Ö®Ç°£¬Ò»Ö±ÊÇÓÃiframeʵÏÖµÄÎÞË¢ÐÂÇëÇó¡£
Ö÷ÒªµÄÔÀíÊÇ£º
ʹÓÃjs´´½¨Ò»¸öÒþ²ØµÄiframe
°ÑÒªÌá½»µÄ±íµ¥µÄtargetÊôÐÔÖ¸Ïò1ÖÐÉú³ÉµÄiframe
ÔÚÇëÇóµÄÒ³ÃæÖлص÷¸¸Ò³ÃæµÄ·½·¨
ÕâÑù¾ÍʵÏÖÁËÒ»¸ö¼òµ¥µÄ“Òì²½Ìá½»”
¿´ÆðÀ´ºÍajaxÒ»ÑùµÄЧ¹û£¬ÄÇΪʲô»¹ÒªÓÐajax£¬ÎÒÃÇÀ´±È½ÏÏ£º£¨ÒÔϰÑajax¼¼Êõ³ÆÎªXHR£¬iframeʵÏֵijÆÎªiframe£©
XHR ºÍ iframeµÄÇø±ðÖ÷ÒªÔÚ4¸öµØ·½£º
¶àÏß³Ì
´ÓÉÏÃæËµµÄÔÀíºÜÈÝÒ×¾ÍÄÜ¿´³öÀûÓÃiframeʵÏÖµÄÒì²½ÇëÇ󣬯äʵҲ»¹ÊÇͬ²½µÄ£¬Ò²¾ÍÊÇ˵ºǫ́ÔÚ´¦ÀíÕâ¸öÇëÇóµÄʱºò£¬Ç°Ì¨ÈÔÈ»ÊÇʲô¶¼²»ÄÜ×öµÄ£»¶øXHRÊÇÕæÕýʵÏÖÁËÒì²½ÇëÇó£¬ËüÄÜ·¢Æð¶à¸öÒì²½ÇëÇó¡£
»ØÍ˼ü
¼üÅÌÉÏÉϵĻØÍ˼üµÄÖ÷Òª¹¦ÄÜÊÇÍ˻ص½ÉÏÒ»¸öÀúÊ·Ò³Ãæ¡£
ÀûÓÃiframeʵÏÖµÄÒì²½ÇëÇ󣬰´»ØÍ˼üÊÇ¿ÉÒԻص½ÉϸöÀúÊ·Ò³ÃæµÄ£»¶øXHR²»ÐУ¬ÒòΪËü¸ù±¾Ã»ÓÐÁôÏÂÈκÎÀúÊ·µÄºÛ¼£¡£
ËùÒÔÏÖÔÚ´ó¶àÊýµÄËÑË÷ÒýÇæÊÇûÓÐÀûÓÃajaxʵÏÖËÑË÷µÄ¡£
¿çÕ¾·ÃÎÊ
ÀûÓÃiframeʵÏÖµÄÒì²½ÇëÇó£¬ÇëÇóµÄµØÖ·ÊÇ¿ÉÒÔÊDZ¾Ó¦ÓÃÍâµÄ·þÎñ£»¶øXHRÖ»ÄÜÇëÇó±¾Ó¦ÓõķþÎñ¡£
×¢Ò⣺ֻҪÊDz»ÓÃÓòÃûµÄ¶¼»á±»¾Ü¾ø·ÃÎÊ£¬ÎÞÂÛÊÇ×ÓÓòÃû·ÃÎʸ¸ÓòÃû£¬»¹ÊǸ¸ÓòÃû·ÃÎÊ×ÓÓòÃû
ÇëÇóµÄ״̬
ÏëÒªÔÚÇëÇ󷵻صÄͬʱµÃµ½ÇëÇóµÄ״̬£¨status£©£¬iframeʵÏÖµÄÒì²½ÇëÇóÊÇ×ö²»µ½µÄ£»¶øXHR¿ÉÒÔÇá¶øÒ×¾ÙµÄ×öµ½¡£
ËùÒÔÈÃÎÒÃÇÀ´×ܽáϵ½µ×ʲôʱºò¸ÃÑ¡ÔñÄÄÖÖÒì²½ÇëÇó£º
iframeʵÏÖµÄÒì²½ÇëÇó
³ýÁËÕâ´ÎµÄÇëÇó£¬Ã»ÓÐÆäËû²¢·¢µÄÇëÇó
ÇëÇóµÄÏìӦʱ¼äºÜ¶ÌÔÝ£¬·ñÔòÓû§ÌåÑé»áºÜ²î
¿çÓòµÄÇëÇó
ÄÜ·µ»ØÀúÊ·Ò³Ãæ
XHRʵÏÖµÄÒì²½ÇëÇó
²¢·¢µÄÒì²½ÇëÇó
¸ù¾Ý׼ȷµÄÇëÇó״̬×öʼþÏìÓ¦
Ïà¹ØÎĵµ£º
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
ajax¿çÓòºÍJSµÄ¿çÓòͨÐÅ(Cross The Site)µÄ¼¸ÖÖ½â¾ö·½°¸
×î½ü×öµÄÒ»¸öÏîÄ¿ÖÐÐèÒªajax¿çÓòÈ¡µÃÊý¾Ý,Èç¹ûÊÇÔÚ±¾ÓòÖÐȷʵûÓÐÎÊÌ⣬µ«ÊǷŵ½¶þ¼¶ÓòºÍÆäËûÓòÏÂä¯ÀÀÆ÷Ö±½Ó¾Íµ¯³öÌáʾ¿ò:“¸ÃÒ³ÕýÔÚ
1.ʲôÒýÆðÁËajax¿çÓò²»ÄܵÄÎÊÌâ
ajax±¾Éíʵ¼ÊÉÏÊÇͨ¹ýXMLHttpRequest¶ÔÏóÀ´½øÐÐÊý¾ÝµÄ½»»¥£¬¶øä¯ÀÀÆ÷ ......
ÍÆ¼ö¼æÈÝ IE¡¢ FireFox µÄ javascript ÈÕÀú¿Ø¼þ
Ô´´×÷Õߣºº®Óð·ã£¨cityhunter172£©
Ò»¡¢¼ò½éÓëÉùÃ÷
´ËÈÕÀú¿Ø¼þÊÇ CSDN ÍøÓÑ KimSoft µÄ×÷Æ·£ºhttp://blog.csdn.net/kimsoft/archive/2006/05/24/753225.aspx ¡£½çÃæÇåˬ£¬´¿ ......
try { //Internet Explorer
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(data);
} catch(e) { //Other Browsers
parser=new DOMParser();
xmlDoc=parser.parsefromString(data,"text/xml");
} ......
DOMÊÇÕë¶ÔXMLµÄ»ùÓÚÊ÷µÄAPI£¬ËüÓëÓïÑÔÎ޹أ¬ÊµÏÖ·½Ê½ÓкܶàÖÖ£¨¸÷ÓïÑÔ»ù±¾¶¼ÓÐ×Ô¼ºµÄʵÏÖ£©¡£
²»¹ýÎÒÃǾ³£Óõģ¬ÊÇJavaScript ϵÄdomÕë¶ÔxhtmlµÄ²Ù×÷£¬Ö»ÊÇdomµÄÒ»¸ö·ÖÖ§Ó¦Óá£
Ãû´Ê½âÊÍ£º
Dom£ºÎĵµ¶ÔÏóÄ£ÐÍ¡£Document object model
Bom£ºä¯ÀÀÆ÷¶ÔÏóÄ£ÐÍ£¬Ò²¿ÉÒԽд°¿Ú¶ÔÏóÄ£ÐÍ¡££¨window object model.£©
API£ºÓ ......