js 跨域 iframe自适应高

1.http://lights.ofweek.com index.html

<iframe src="http://www.ofweek.com/pop/lights/index.html" height="0" width="100%" frameborder="0" id="frame_content" name="frame_content" scrolling="no"></iframe>

2.www.ofweek.com 下 pop/lights/index.html

<body style="margin: 0px auto;"></body>
<iframe id="iframeC" name="iframeC" src="" width="0" height="0" style="display:none;" ></iframe>
<script type="text/javascript">
function sethash(){
    hashH = document.body.scrollHeight;
    urlC = "http://lights.ofweek.com/agent.html";
    document.getElementById("iframeC").src=urlC+"#"+hashH;
}
window.onload=sethash;
</script>

3.http://lights.ofweek.com 加以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">
<body>
<script>
function  pseth() {
   var iObj = parent.parent.document.getElementById('frame_content');
   iObjH = parent.parent.frames["frame_content"].frames["iframeC"].location.hash;
   iObj.style.height = iObjH.split("#")[1]+"px";
}
pseth();
</script>

</body>
</html>
说明 parent.partent 同域 跨域调用里面的DOM元素和里面的js方法

你可能感兴趣的:(js 跨域调用)