11297 2010-11-11 10:30:54 +0000 �@����͌��� Logo Google �ь� �ь� �ь� Cross Frame: �c��ͬ�W��� Frame ��� ��ƪ���������•r�g��2010-10-07 11:52:56 Ŀǰ����1ƪ���� ���P�˻`�� * flas 2012-07-18 18:47:32 +0000 1 1 1 Unclassified WHATWG HTML unspecified Other other RESOLVED INVALID http://www.whatwg.org/specs/web-apps/current-work/#top P3 normal Unsorted 1 contributor ian mike Ms2ger contributor oldest_to_newest 42421 0 contributor 2010-11-11 10:30:54 +0000 Specification: http://dev.w3.org/html5/postmsg/ Section: http://www.whatwg.org/specs/web-apps/current-work/complete.html#top Comment: ß@˜Ó×ö¾ÍŒ¦ÁË Logo Google Ëь¤ Ëь¤ Ëь¤ Cross Frame: Åc²»Í¬¾WÓòµÄ Frame ×ö»¥„Ó ´ËƪÎÄÕÂ×î½ü¸üЕrégžé2010-10-07 11:52:56 Ä¿Ç°¹²ÓÐ1ƪÁôÑÔ ÏàêP˜Ë»`£º * flash iframe ²»Í¬ html * ²»Í¬¾WÓò * Cross Document Messaging * flash Cross Frame * frame ÁíÒ»‚€¾Wí“ * iframe ie8Ÿo·¨¿´µ½È«²¿Ò•´° * javascript iframe ²»Í¬Ò•´° ´æÈ¡ | Powered By SiteTag JosephJ µÄÕÕƬ êPì¶×÷Õß - JosephJ D-Link ÓÑӍ¿Æ¼¼¹¤³ÌŽŸ¡£Ï²ºÃ‘ôÍâß\„Ó¡¢2008 Äê 5 ÔÂÍê³É¡¸Åܲ½­hu¡¹¡£Œ¦ì¶Ð¼¼Ðg¸ú³Ìʽ´aÓÐÖøŠÁÒµÄÆ«ˆÌ¿ñ¡£ žéºÎÒªÓò»Í¬¾WÓòµÄ Iframe£¿ ͨ³£Ý^¾ßҎģµÄ¾WÕ¾£¬•þ¿¼‘]ß@˜ÓµÄ°²È«ÐԆ–î}£º®”ҪʹÓõ½µÚÈý·½ËùÌṩµÄ JavaScript •r£¬µÃ·ÅÖÃÔÚÅcí“ÃæÍêÈ«²»Í¬¾WÓòµÄ Iframe ÖС£ÀýÈçÔÚ Yahoo! ¹¤×÷•r£¬Éú»î+ Åc UrMap ºÏ×÷µÄµØˆD¾ÍÊÇ·ÅÔÚÁíÒ»‚€¾WÓòµÄ Iframe Öеġ£Èô²»ß@˜Ó×Ó×ö£¬UrMap ¾WÕ¾µÄ JavaScript ¿ÉÒÔëS•r¸Z¸Ä Yahoo! ¾W퓵ăÈÈÝ¡¢ÉõÖÁΣº¦µ½Ê¹ÓÃÕß¡£ Óò»Í¬¾WÓòµÄ Iframe í·ÅÖõÚÈý·½³Ìʽ´aµÄÇéÐΣ¬º††ÎíÕf¾ÍÊÇ£º¡¸ÎÒ²»ÐÅÈÎÄãµÄ³Ìʽ¡¢µ«ÎÒÐèÒªÄãµÄ³Ìʽ³É žéÎÒ¾Wí“ÖеÄÒ»²¿·Ö¹¦ÄÜ¡¹£¨³ýÁË Iframe£¬ÁíÍâ߀ÓÐ ADSafe¡¢Caja¡¢Flash µÈ·½Ê½¿ÉÒÔ×öµ½£¬µ«ááÈýÕ߶¼ÓÐÒ»¶¨µÄéT™‘¡££© Same Origin Policy Œ¢µÚÈý·½¾W퓻ò³Ìʽ´a¡¢Óò»Í¬¾WÓòµÄ Iframe ·Åµ½ÄãµÄ¾Wí“ÉÏÊÇÒ»¼þ·Ç³£º††ÎµÄÊÂÇé (<iframe src="xxx"></iframe> ÈËÈ˶¼•þÓÃ)¡£µ«†–î}ÔÚ춮”ƒÉÕß¾WÓò²»Í¬•r£¬JavaScript ÊǛ]ÓÐÞk·¨Í¸ß^ parent, window.frames, top, opener µÈ·½Ê½´æÈ¡µÄ¡£ß@¾ÍÊÇËùÖ^ Same Origin Policy µÄÏÞÖÆ¡£ ²»ÄÜ»¥„Ó£¬¾Íȱ·¦Áˏ—ÐÔÅc‘ªÓõęC•þ¡£ÀýÈ焂„‚Ìáµ½ Yahoo! Éú»î+ Åc UrMap µÄºÏ×÷£¬Éú»î+ ß@߅•þÏ£ÍûÔÚí“ÃæÉÏücßxÁË¡¸²Íd¡¹µÄßB½Y•r¡¢¾ÍÓà AJAX È¡µÃËÅ·þÆ÷µÄ²Íd½›¾•¶ÈÙYӍ¡¢‚÷ßfµ½·ÅÖõ؈D²»Í¬¾WÓòµÄ Iframe ÖС¢Iframe ½Óµ½ÓÏ¢áá¾ÍÒÔ UrMap API „Ó‘B¸üоW퓵؈DÉϵÄ×ù˜Ëüc¡£¶øß@˜ÓµÄÐОéÒ²•þÒò Same Origin Policy Ÿo·¨Ö±½Óß_³É¡£ Cross Document Messaging WHATWG Ìá³öÁË Cross Document Messaging£¨Ò²ÊÇ HTML 5 µÄ Web Messaging£©í½â›Q´ËÒ»†–î}¡£º††ÎíÕf£¬Äã¿ÉÒԁGÈκΠString µ½ÈκÎÄã¾Wí“É쵀 Window Îï¼þ£¬µ«ÊÇԓ Window Îï¼þÒª²»ÒªÌŽÀí´Ë String£¬¾ÍÊÇËü×Ô¼ºµÄÅДࣨ•þÒ»ãÌṩíÔ´ Window µÄ domain£©¡£¹ Àý³Ìʽ´aÈçÏ£º A ¾Wí“ (http://yahoo.com/a.html) ·ÅÖÃÁËÒ»‚€ name=urmap µÄ iframe£º <iframe name="urmap" src="http://yahoomashup.com/urmap.html"></iframe> A ¾Wí“ÏëÒª‚÷ßf Hello World µÄӍϢ½o´Ë Iframe£º <script> /* ÎÒÊÇ yahoo.com */ window.frames['urmap'].postMessage("Hello World!", "*"); </script> Iframe ÑeµÄ B ¾Wí“ (http://yahoomashup.com/urmap.html) ¿ÉÒÔß@˜Ó½Óµ½ÙYÁÏ£º /* ÎÒÊÇ yahoomashup.com */ window.onmessage = function (e) { if (e.origin == "yahoo.com") { // ®”í×Ô yahoo.com •r... alert(e.data); // ï@ʾ "Hello World!" } } ºÃÏûÏ¢ÊÇÄ¿Ç°´ó¶à”µµÄÖ÷Á÷žgÓ[Æ÷Ö§Ô®´Ë·½Ê½£¬°üÀ¨ Firefox 3, Google Chrome, Opera, IE8, IE9 ½Ô¿É¡£‰ÄÏûÏ¢„tÊÇ IE6 Åc IE7 ›]Óд˹¦ÄÜ¡£ Iframe In Iframe Hack Èç¹û´ËÖ÷î}ÓÐÈκΠA-Grade žgÓ[Æ÷Ÿo·¨Ê¹Óã¬ÄÇÒ²›]Œ‘ß@ƪÎÄÕµıØÒª¡£Ö»Ìṩ°ëÌ××÷·¨¾ÍßdµôÁË£¨ß@Ò²ÊÇÎҌ¦´ó¶à ”µ HTML 5 µÄм¼Ðg¸Ðµ½Àä¸ÐµÄÔ­Òò£¬IE[6-8] must die Ò²Ö»ÊÇé_°lÕ߸οàϺ°Ë¬µÄ®aÎ¬FŒÊÀ½çÊDz»Äܲ»¹Ü IE µÄʹÓÃÕߵģ©Æ䌍ÔçÔÚ 2007 Äê¾ÍÓÐһЩ·ÇÕýҎ Cross Frame µÄ½â·¨¡£ß@ƪÎÄÕÂÊÇÄ¿Ç°½âÕf×îԔ¼šµÄ×÷·¨£ºCross-Domain Communication with IFrames Æ䌍ԭÀíÏஔº††Î£¬¾ÍÊÇ®” A ¾Wí“Òª‚÷ßfӍϢ½o B ¾W퓵ģ¨ÔÚ Iframe ÖУ©•r£¬ÏȄӑB®aÉúÒ»‚€Åc B ¾Wí“ͬ¾WÓòµÄ Iframe£¬´Ë„Ó‘B Iframe ƒÈµÄ JavaScript ¼´¿ÉÀûÓà window.frames È¡µÃ B ¾W퓼°×öÈκÎÐ޸ġ£ÁíÍâ߀¿É͸ß^ÐÞ¸ÄÉú³É Iframe ÖÐµÄ URL hash (#)¡¢×Œ JavaScript ¿ÉÒÔÒÀÕÕ²»Í¬…¢”µ×ö„Ó×÷¡£ß@‚€×÷·¨µÄȱücÊÇ£¬Äã±ØíšÁíÍâÔÚ½ÓÊն˵ľWÓò·ÅÖÃÒ»Ö§ Proxy µÄ HTML ™n¡¢×÷žé„Ó‘B Iframe µÄ¾WÖ·¡£ YAHOO.util.CrossFrame º¯Ê½Žì ëmȻԭÀíºÜº††Î£¬µ«ÊÇÒªÄ܉òÓÐϵ½yµÄœÏͨ¡¢Œ‘³Ìʽ¾ÍÊÇÒ»´óÌô‘ðÁË¡¢ÖÐégµÄС¼š¹Æ䌍 ÊǺܶàµÄ¡£ÐҺà Yahoo! µÄÇ°¶Ë¹¤³ÌŽŸ Julien Lecomte Óà YUI 2 Œ‘ÁËÒ»‚€ CrossFrame Utility¡£ YAHOO.util.CrossFrame.send( "http://www.y.com/proxy.html", "frames['mashup']", "message" ); YAHOO.util.CrossFrame.onMessageEvent.subscribe( function (type, args, obj) { var message = args[0]; var domain = args[1]; // Do something with the incoming message... } ); ¿´µ½Áˆ᣿ß@߅Æ䌍¾ÍÊÇÓà YAHOO.util.CrossFrame.send() È¡´ú HTML5 µÄ window.postMessage()¡¢Óà YAHOO.util.CrossFrame.onMessageEvent È¡´ú window.onmessage ʼþ¡£†ÎÒ» API ½éÃæ¡¢ËùÓОgÓ[Æ÷¶¼ÄÜÓã¡ Óà YUI 3 ¸ÄŒ‘žé Y.CrossFrame Òòžé¹«Ë¾ƒÈÓõÄÊÇ YUI 3£¬ÓЕrégµÄԒ®”ȻϣÍû¸ÄŒ‘¡£ÁíÍâ¾ÍÊÇ Julien ®”•rŒ‘ÄÇƪÎÄÕµĕrégücÊÇ 2007 Ä꣬postMessage Ö»ÓÐ Opera ÓЌ×÷£¬ËùÒÔ Julien Œ¦ì¶ Opera ÒÔÍâžgÓ[Æ÷¶¼’ñÓà Iframe in Iframe µÄ×÷·¨£¬Ð§ÄܲîÉÏÔS¶à¡£Ò²Òò´ËÎҸĞéÒÔ postMessage žéÖ÷¡¢Iframe in Iframe žéÝoµÄ×÷·¨Ý^ÓÐЧÂÊ¡£ Y.CrossFrame.postMessage( "Hello World!", // Òª‚÷ßfµÄӍϢ "frames['urmap']", // Òª‚÷ßfµÄҕ´°£¨ÕˆÓà String£© {proxy:"http://yahoomashup.com/b.html"} // ²»Ö§Ô® postMessage µÄžgÓ[Æ÷•þÓõ½µÄ proxy ¾WÖ· ); Y.Global.on("crossframe:message", function (message, domain, url) { alert(message); }); Ä¿Ç°œyԇ IE6, IE7, IE8, FF3, Chrome, Opera ¶¼›]ÓІ–î}£¨Ä£”MÆ÷ÏñÊÇ IE Tester Ÿo·¨Ê¹Óã©¡£Ï£ÍûŒ¦ÄúÓÐËùŽÍÖú :) ÏàêPßB½Y * GitHub: yui3-crossframe * ¹ Àý³Ìʽ 1 * ¹ Àý³Ìʽ 2 ǰһƪ£ºÔÚ 2010 COSCUP Ö÷Öv¡¸½¨Á¢Ç°¶Ëé_°lˆFê ¡¹ ááһƪ£ºHTML <dl/>, <dt/> Åc <dd/> µÄÕ`Óà Comments 1. Ô£²¨ 2010-10-08 16:54:51 ѧϰÁË£¬³¢ÊÔһϠLeave a Reply •¿·Q£º ±ØÌî¡£ Email£º ·Ç±ØÌî¡£ÈôÌžé²»¹«é_™Ú룬ƒH¹©Õ¾éL…¢¿¼Â“ÀM¡£ ƒÈÈÝ£º ±ØÌî¡£ÏÞ 255 ‚€×ÖÔªÒԃȡ£ Ëͳö Facebook Comment “½jÎÒ RSS Feed &#169; 2007 Ting-yu Chiang All rights reserved. hemidemi_49fec64cc31b2b2c0dbfbcc5ce316dbf5e21fa24 MyBlogLog ClickTagging 29th Most Popular Outgoing Link Posted from: 61.152.124.234