{"id":729,"date":"2014-01-09T16:49:38","date_gmt":"2014-01-09T08:49:38","guid":{"rendered":"http:\/\/www.bluesdream.com\/blog\/?p=729"},"modified":"2014-01-09T16:50:08","modified_gmt":"2014-01-09T08:50:08","slug":"cross-domain-iframe-adaptive-height","status":"publish","type":"post","link":"https:\/\/www.bluesdream.com\/blog\/cross-domain-iframe-adaptive-height.html","title":{"rendered":"iframe\u8de8\u57df \u81ea\u9002\u5e94\u9ad8\u5ea6"},"content":{"rendered":"

\u8de8\u57df\u95ee\u9898\u662f\u7531\u4e8ejavascript\u8bed\u8a00\u5b89\u5168\u9650\u5236\u4e2d\u7684\u540c\u6e90\u7b56\u7565\u9020\u6210\u7684\u3002\u51fa\u4e8e\u5b89\u5168\u65b9\u9762\u7684\u8003\u8651\uff0c\u4e0d\u5141\u8bb8\u8de8\u57df\u8c03\u7528\u5176\u4ed6\u9875\u9762\u7684\u5bf9\u8c61\u3002<\/p>\n

\u4f8b\u5982\uff1aa\u57df\u540d\u4e0b\uff0cwww.a.com\/index.html\u9700\u8981\u5f15\u7528b\u57df\u540d\u4e0b\uff0cwww.b.com\/quote.html\u9875\u9762\uff0c\u4f46\u5f15\u7528\u7684\u8fd9\u4e2ab\u57df\u540d\u4e0b\u9875\u9762\u91cc\u9762\u5185\u5bb9\u9ad8\u5ea6\u4e0d\u786e\u5b9a\u3002\u6b64\u65f6\u5c31\u9700\u8981\u53cc\u65b9\u6280\u672f\u5171\u540c\u89e3\u51b3\uff0c\u5229\u7528iframe\u548clocation.hash\u65b9\u6cd5\u3002<\/p>\n

\u5728a\u57df\u540d\u4e0b\uff0c\u6dfb\u52a0\u4e00\u4e2a\u5224\u65ad\u9875agent.html\uff0c\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801\uff1a<\/p>\n

\r\n<script>\r\nfunction  pseth() {\r\n     var iObj = parent.parent.document.getElementById('iframeB'); \/\/A\u548cmain\u540c\u57df\uff0c\u6240\u4ee5\u53ef\u4ee5\u8bbf\u95ee\u8282\u70b9\r\n     iObjH = parent.parent.frames["iframeB"].frames["iframeA"].location.hash; \/\/\u8bbf\u95ee\u81ea\u5df1\u7684location\u5bf9\u8c61\u83b7\u53d6hash\u503c\r\n     iObj.style.height = iObjH.split("#")[1]+"px"; \/\/\u64cd\u4f5cdom\r\n}\r\npseth();\r\n<\/script>\r\n<\/pre>\n
<\/p>\n
\u5728b\u57df\u540d\uff0cquote\u9875\u9762\u4e2d\u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801\uff1a<\/p>\n
\r\n<iframe id="iframeA" name="iframeA" src="" width="0" height="0" style="display:none;" ><\/iframe>\r\n<script type="text\/javascript">\r\n     function sethash(){\r\n          hashH = document.documentElement.scrollHeight; \/\/\u83b7\u53d6\u81ea\u8eab\u9ad8\u5ea6\r\n          urlC = "http:\/\/www.a.com\/agent.html"; \/\/\u8bbe\u7f6eiframeA\u7684src\r\n          document.getElementById("iframeA").src=urlC+"#"+hashH; \/\/\u5c06\u9ad8\u5ea6\u4f5c\u4e3a\u53c2\u6570\u4f20\u9012\r\n    }\r\n     window.onload=sethash;\r\n<\/script>\r\n<\/pre>\n
\u5728a\u57df\u540d\uff0cindex\u9875\u9762\u4e2d\u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801\uff1a<\/p>\n
\r\n<iframe id="iframeB" name="iframeB" src="http:\/\/www.b.com\/quote.html" width="100%" height="auto" scrolling="no" frameborder="0"><\/iframe>\r\n<\/pre>\n
\u5173\u4e8e\u8de8\u57df\u7684\u5177\u4f53\u4ecb\u7ecd\uff0c\u53ef\u4ee5\u53c2\u8003\uff1aJavaScript\u8de8\u57df\u603b\u7ed3\u4e0e\u89e3\u51b3\u529e\u6cd5<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u8de8\u57df\u95ee\u9898\u662f\u7531\u4e8ejavascript\u8bed\u8a00\u5b89\u5168\u9650\u5236\u4e2d\u7684\u540c\u6e90\u7b56\u7565\u9020\u6210\u7684\u3002\u51fa\u4e8e\u5b89\u5168\u65b9\u9762\u7684\u8003\u8651\uff0c\u4e0d\u5141\u8bb8\u8de8\u57df\u8c03\u7528\u5176\u4ed6\u9875\u9762\u7684\u5bf9\u8c61\u3002 \u4f8b\u5982\uff1aa\u57df\u540d\u4e0b\uff0cwww.a.com\/index.html\u9700\u8981\u5f15\u7528b\u57df\u540d\u4e0b\uff0cwww.b.com\/quote.html\u9875\u9762\uff0c\u4f46\u5f15\u7528\u7684\u8fd9\u4e2ab\u57df\u540d\u4e0b\u9875\u9762\u91cc\u9762\u5185\u5bb9\u9ad8\u5ea6\u4e0d\u786e\u5b9a\u3002\u6b64\u65f6\u5c31\u9700\u8981\u53cc\u65b9\u6280\u672f\u5171\u540c\u89e3\u51b3\uff0c\u5229\u7528iframe\u548clocation.hash\u65b9\u6cd5\u3002 \u5728a\u57df\u540d\u4e0b\uff0c\u6dfb\u52a0\u4e00\u4e2a\u5224\u65ad\u9875agent.html\uff0c\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801\uff1a <script> function pseth() { var iObj = parent.parent.document.getElementById('iframeB'); \/\/A\u548cmain\u540c\u57df\uff0c\u6240\u4ee5\u53ef\u4ee5\u8bbf\u95ee\u8282\u70b9 iObjH = parent.parent.frames["iframeB"].frames["iframeA"].location.hash; \/\/\u8bbf\u95ee\u81ea\u5df1\u7684location\u5bf9\u8c61\u83b7\u53d6hash\u503c iObj.style.height = iObjH.split("#")[1]+"px"; \/\/\u64cd\u4f5cdom } pseth(); <\/script><\/p>\n","protected":false},"author":1,"featured_media":736,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[75],"tags":[125,126,127],"class_list":["post-729","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-front-end","tag-iframe","tag-iframe-","tag-127"],"_links":{"self":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/posts\/729"}],"collection":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/comments?post=729"}],"version-history":[{"count":0,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/posts\/729\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/media\/736"}],"wp:attachment":[{"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/media?parent=729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/categories?post=729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluesdream.com\/blog\/wp-json\/wp\/v2\/tags?post=729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}