iframe寬高自適應

<!DOCTYPE html>

<html lang="en">

<head>

? ? <meta charset="UTF-8">

? ? <title>Title</title>

? ? <script type="text/javascript">

? ? ? ? window.onload = function(){

? ? ? ? ? ? setInterval(function(){

? ? ? ? ? ? ? ? let tpFrame = document.getElementById("tpFrame");

? ? ? ? ? ? ? ? if(tpFrame){

? ? ? ? ? ? ? ? ? ? var subWeb = window.frames ? window.frames["tpFrame"].document : tpFrame.contentDocument;

? ? ? ? ? ? ? ? ? ? if (tpFrame != null && subWeb != null) {

? ? ? ? ? ? ? ? ? ? ? ? tpFrame.height = subWeb.body.scrollHeight;

? ? ? ? ? ? ? ? ? ? ? ? tpFrame.width = subWeb.body.scrollWidth;

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? }

? ? ? ? ? ? },10);

? ? ? ? }

? ? </script>

</head>

<body>

? ? <div>

? ? ? ? <iframe

? ? ? ? ? ? style="border: 1px solid blue;"

? ? ? ? ? ? name = "tpFrame"

? ? ? ? ? ? id="tpFrame"

? ? ? ? ? ? src="./tp1.html"

? ? ? ? ? ? scrolling="no"

? ? ? ? ? ? frameBorder="0"

? ? ? ? />

? ? </div>

</body>

</html>

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些閱讀 2,157評論 0 2
  • 自適應高度,其實就是設置iframe的高度,使其等于內(nèi)嵌網(wǎng)頁的高度,從而看不出來滾動條和嵌套痕跡。對于用戶體驗和網(wǎng)...
    布拉德皮蛋_qzy閱讀 3,478評論 0 3
  • 寫在前面: Window和document對象的區(qū)別 window對象表示瀏覽器中打開的窗口 window對象是可...
    給墮落一個理由先閱讀 754評論 0 3
  • 100個常用的javascript函數(shù) 1、原生JavaScript實現(xiàn)字符串長度截取 復制代碼代碼如下: fun...
    老頭子_d0ec閱讀 414評論 0 0
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,945評論 0 8

友情鏈接更多精彩內(nèi)容