父页面里两个iframe之间互相访问

最新推荐文章于 2023-05-29 18:16:41 发布

Dora

最新推荐文章于 2023-05-29 18:16:41 发布

阅读量3.3k

点赞数

文章标签： iframe javascript function null input blog

本文链接：https://blog.csdn.net/qingyun0719/article/details/4162593

版权

父页面里的代码里的两个iframe

<iframe id="frameLeft" height="100%" src="UserDeptLeft.htm">

</iframe>
<iframe id="frameRight" name="frameRight" src="Default.htm" height ="100%"></iframe>

左边的iframe 页里有控件:

<input type="hidden" id="moduleid" name="moduleid"/>

在右边的iframe访问左边的Iframe里的控件 moduleid

js 代码如下:

parent.frameLeft.window.document.getElementById("moduleid")

父页面访问左iframe里的控件 moduleid

js代码如下:

window.frames["frameLeft"].document.getElementById("moduleid")

网搜知识:

IE7兼容Iframe高度問題及Iframe問題

<head>
<script language="javascript">
    function change_size()
    {
        document.getElementById("info_iframe").style.height=info_content.document.body.scrollHeight+1+"px";
    }
</script>
</head>

防止被人frame
<SCRIPT   LANGUAGE=JAVASCRIPT></SCRIPT>

所谓自适应,是指iframe的高度,由iframe里的页面内容高度来决定,

并设置iframe的边框为0,

无滚动条, 这样就看不出iframe的真正的高度啦

上面的chang_size方法,应用不是太好,

又在网上查了资料

方法不错,放在blog里,为学习之用.

function TuneHeight() {
    debugger;
        var frm = document.getElementById("frameLeft");
        var subWeb = document.frames ? document.frames["frameLeft"].document : frm.contentDocument;
        if(frm != null && subWeb != null) {
           frm.height = subWeb.body.scrollHeight;
        }

<iframe id="frameLeft" width ="25%" height="100%" src="Left.htm" οnlοad="TuneHeight()"></iframe>

Dora

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
父页面里两个iframe之间互相访问

父页面里的代码里的两个iframe 左边的iframe 页里有控件: 在右边的iframe访问左边的Iframe里的控件 moduleidjs 代码如下: parent.frameLeft.window.document.getElementById("moduleid") 父页面访问左iframe里的控件 moduleidjs代码如下:
复制链接

扫一扫