JavaScript 처리 Iframe 적응형 높이(동일하거나 다른 도메인 이름 아래)

1. 동일한 도메인 이름으로 Iframe 적응 높이 처리

코드 복사 코드는 다음과 같습니다. :

 
 <br>
</div> <br>물론 여기서는 Asp.Net MVC를 사용하고 있으며 src는 라우팅 구조로 설정되어 있습니다 <br><div class="codetitle">
<span><a style="CURSOR: pointer" data="35723" class="copybut" id="copybut35723" onclick="doCopy('code35723')"> <u>코드 복사 </u></a></span> 코드는 다음과 같습니다. </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>iframe 중첩 페이지가 로드되면 onload 이벤트를 사용하여 웹 페이지의 높이를 가져옵니다. iframe에 중첩된 다음 Iframe에 높이만 할당합니다. <br><strong>2. Iframe은 도메인 교차 시 적응력이 뛰어납니다</strong> <br><div class="codetitle">
<span><a style="CURSOR: pointer" data="13696" class="copybut" id="copybut13696" onclick="doCopy('code13696')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. </div> <div class="codebody" id="code13696"> <br>메인 페이지와 중첩된 iframe의 도메인 이름이 다른 경우에는 좀 더 번거롭고 JavaScript의 도메인 간 제한을 피해야 합니다. <br>원리: 기존 iframe 메인 페이지 main.html, iframe 중첩 페이지 iframe.html, iframe 중간 페이지 agent.html이 3개 있으며 이는 main.html을 통해 삽입됩니다(도메인 이름은 http://www.ccvita. com) iframe.html(도메인 이름: http://www.phpq.net)을 설정하고, 사용자가 탐색할 때 iframe.html에서 JavaScript 코드를 실행하여 iframeC의 scr 주소에 추가된 iframe 페이지의 높이를 설정하고, Agent.html(도메인명: http://www.ccvita.com)은 전달된 높이를 얻어 JavaScript를 통해 main.html에 iframe의 높이를 설정합니다. 마침내 원하는 목표를 달성했습니다. <br><br>iframe 메인 페이지 main.html <br>[코드] <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>&lt ;title>iframe 메인 페이지</title><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <br><body> <br><div style="border:1px solid #ccc;padding:10px;"> iframe id="frame_content" name="frame_content" src="iframe.html" width="100%" height="0" scrolling="no"frameborder="0"> ;/div> 

Tail
 
iframe 중첩 페이지

코드 복사 코드는 다음과 같습니다.

Iframed 페이지

텍스트< ;br />

< br />
텍스트

< ;br />

텍스트

;

텍스트

;

< ;script type="text/javascript" ">
함수 sethash(){
hashH = document.documentElement.scrollHeight;
urlC = "agent.html";
document.getElementByIdx("iframeC ").src=urlC "# " hashH;
}
window.onload=sethash;

iframe 중간 페이지 agent.html

코드 복사 코드는 다음과 같습니다.

< DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;html xmlns ="http://www.w3.org/1999/xhtml">
iframe 중간 페이지

;

저자별 최신 기사