1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

<script type="text/javascript">
 function SetCwinHeight(){
  var iframeid=document.getElementById("iframeid"); //iframe id
  if (document.getElementById){
   if (iframeid && !window.opera){
    if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight){
     iframeid.height = iframeid.contentDocument.body.offsetHeight;
    }else if(iframeid.Document && iframeid.Document.body.scrollHeight){
     iframeid.height = iframeid.Document.body.scrollHeight;
    }
   }
  }
 }
</script>
<iframe width="100%" id="iframeid" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="www.xxx.com"></iframe>

1
2
3
4
5
6
7
8
9

<!-- foo.com/a.html -->
<iframe id="ifr" src="http://img.foo.com/b.html"></iframe>
<script> document.domain = 'foo.com';
function aa(str) {
    console.log(str);
}
window.onload = function () {
    document.querySelector('#ifr').contentWindow.bb('aaa');
} </script> 

1
2
3
4
5
6
7
8

<!-- img.foo.com/b.html -->

<script> document.domain = 'foo.com';
function bb(str) {
    console.log(str);
}

parent.aa('bbb'); </script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

function SetCwinHeight(id) {
	document.domain='www.abc.com'
    var iframeid = document.getElementById(id); //iframe id
    if (document.getElementById) {
        if (iframeid && !window.opera) {
    		console.log("iframeid:" + iframeid.contentDocument);
            if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight) {
                iframeid.height = iframeid.contentDocument.body.offsetHeight + 50;
            } else if (iframeid.Document && iframeid.Document.body.scrollHeight) {
                frameid.height = iframeid.Document.body.scrollHeight + 50;
            }
        }
    }
}

1
2
3

<script type="text/javascript" src="../js/iframe_auto_height.js"></script>
<iframe width="100%" id="iframe_id" name="iframe_id" onload="Javascript:SetCwinHeight(this.id)" scrolling="auto" height="0" frameborder="0" src="https://www.abc.com/tools/a/">
</iframe>