<strong>1. Processing of Iframe adaptive height under the same domain name</strong> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="44009" class="copybut" id="copybut44009" onclick="doCopy('code44009')"><u>Copy the code</u></a></span> The code is as follows:</div> <div class="codebody" id="code44009"> <br><iframe onload="Javascript:SetIFrameHeight(this)" src="../Home/b" id="win" name="win" width="100%" height="1"> ; </iframe> <br> </div> <br>Of course I am using Asp.Net MVC here and src is set to the routing structure <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="35723" class="copybut" id="copybut35723" onclick="doCopy('code35723')"><u>Copy code </u></a></span> The code is as follows: </div> <div class="codebody" id="code35723"> <br><script type="text/javascript"> <br>function SetIFrameHeight(obj) { <br>var win = obj; <br>if (document.getElementById) { <br>if (win && !window.opera) { <br>if (win.contentDocument && win.contentDocument.body.offsetHeight) <br>win.height = win.contentDocument .body.offsetHeight; <br>else if (win.Document && win.Document.body.scrollHeight) <br>win.height = win.Document.body.scrollHeight; <br>} <br>} <br>} <br></script> <br> </div> <br>What is used is that when the iframe nested page is loaded, use the onload event to get the height of the web page nested in the iframe, and then assign it to the Iframe. Just the height. <br><strong>2. Iframe is highly adaptive when crossing domains </strong> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="13696" class="copybut" id="copybut13696" onclick="doCopy('code13696')"><u>Copy code </u></a></span> The code is as follows: </div> <div class="codebody" id="code13696"> <br>When the main page and the nested iframe have different domain names, it is a little more troublesome and you need to avoid JavaScript's cross-domain restrictions. <br>Principle: There are three existing iframe main pages main.html, iframe nested pages iframe.html, and iframe intermediary page agent.html, which are embedded through main.html (domain name is http://www.ccvita.com) Set iframe.html (domain name: http://www.phpq.net), when the user browses, execute the JavaScript code in iframe.html to set the height of the iframe page added to the scr address of iframeC, agent.html (domain name: http://www.ccvita.com) obtains the passed height and sets the height of the iframe in main.html through JavaScript. Finally achieve the desired goal. <br><br>iframe main page main.html <br>[code] <br>< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 .org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><head>< ;title>iframe main page</title></head> <br><body> <br><div style="border:1px solid #ccc;padding:10px;"> <br>< ;iframe id="frame_content" name="frame_content" src="iframe.html" width="100%" height="0" scrolling="no" frameborder="0"></iframe> <br> </div> <br><br />Tail<br /> <br></body> <br></html> <br> </div> <br>iframe nested page iframe.html <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="53217" class="copybut" id="copybut53217" onclick="doCopy('code53217')"><u>Copy code </u></a></span> The code is as follows: </div> <div class="codebody" id="code53217"> <br><!DOCTYPE html PUBLIC "-/ /W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http:// www.w3.org/1999/xhtml"> <br><head><title>Iframed page</title></head> <br><body> <br>Text< ;br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br>Text<br /><br /><br /><br /><br /><br />< ;br /><br /><br /><br /> <br>Text<br /><br /><br /><br /> ;<br /><br /><br /><br /><br /><br /> <br>Text<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> ; <BR><iframe id="iframeC" name="iframeC" src="" width="0" height="0" style="display:none;" ></iframe> <br>< ;script type="text/javascript"> <br>function sethash(){ <br>hashH = document.documentElement.scrollHeight; <br>urlC = "agent.html"; <br>document.getElementByIdx("iframeC ").src=urlC "#" hashH; <br>} <br>window.onload=sethash; <br></script> <br></body> <br></html> <br> </div> <br>iframe intermediary page agent.html <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="34654" class="copybut" id="copybut34654" onclick="doCopy('code34654')"><u>Copy code </u></a></span> The code is as follows: </div> <div class="codebody" id="code34654"> <br>< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns ="http://www.w3.org/1999/xhtml"> <br><head><title>iframe intermediary page</title></head> <br><body> <br><script> <br>function pseth() { <br>var iObj = parent.parent.document.getElementByIdx('frame_content'); <br>iObjH = parent.parent.frames["frame_content"].frames ["iframeC"].location.hash; <br>iObj.style.height = iObjH.split("#")[1] "px"; <br>} <br>pseth(); <br>< /script> <br></body> <br></html> <br> </div> <br>In the code, kimi may have incomplete path representation <br>main.html and agent.html must be the same one <br> in the domain and iframe.html is in another domain
