iframe 简单使用
iframe 简单使用
iframe 简单使用

刷新页面

1
2
3
4
5
6
7
8
9
10
11
12
13
// 一般刷新页面
window.location.reload();

// iframe框架内的页面刷新
document.getElementById('iFrameMain').contentWindow.location.reload(true); 

// 刷新打开的新页面
1: 刷新包含该框架的页面用：parent.location.reload();
2: 子窗口刷新父窗口：self.opener.location.reload();
3: 刷新另一个框架的页面：parent.另一FrameID.location.reload();

// 刷新父页面地址
parent.window.location.href="url";

刷新父页面地址

1
2
3
parent.window.location.href="url";
parent.window.location.reload();
top.location.reload();

获取父元素

1
2
parent.document.getElementById('iFrameMain').contentWindow.document
parent.document.getElementById('iFrameMain').contentWindow.document.location

自动计算高度

1
2
3
4
5
6
7
8
9
10
11
12
13
14
(function foo() {
    function setIframeHeight(iframe) {
      if (iframe) {
        var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
        if (iframeWin.document.body) {
          iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
        }
      }
    }
    window.onload = function () {
      setIframeHeight(document.getElementById('xxx'));
      // setIframeHeight(document.getElementsByName('xxx')[0]);
    };
  }());