子页面设置父页面中自己的iframe高

181824442 2013-08-12 10:48:22

问题描述：主页中放了一个iframe,地址为A页面，A页面因为内容高度超出屏幕高，主页加载后，iframe区域有滚动条，不是整个主页的流动条。
试了网上很多方法，在主页面上获取子页面的高，然后设置iframe的高。没有效果。
只好在子页面加载的时候设置父页的iframe高：
就一句话： window.parent.document.getElementById("iframeID").height = document.body.scrollHeight;
这样滚动条就在整个主页上了。

...全文

225 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

街头小贩 2013-08-13

打赏
举报

回复

哪侦听一下主页的滚动事件，在事件处理程序中移动iframe的滚动条

181824442 2013-08-13

打赏
举报

回复

引用 2 楼 xiaofanku 的回复:

试了网上很多方法，在主页面上获取子页面的高，然后设置iframe的高。没有效果。 re: 你不想iframe(A)有滚动条？还是随着主页的滚动条滚动iframe

后一种。

181824442 2013-08-13

打赏
举报

回复

引用 1 楼 xiaofanku 的回复:

在主页上设置A（iframe）允许的高度不可以吗

可以，但是子页面内容高度是不确定的。

街头小贩 2013-08-12

打赏
举报

回复

试了网上很多方法，在主页面上获取子页面的高，然后设置iframe的高。没有效果。 re: 你不想iframe(A)有滚动条？还是随着主页的滚动条滚动iframe

街头小贩 2013-08-12

打赏
举报

回复

在主页上设置A（iframe）允许的高度不可以吗

本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法（含JS、JQuery方法）

采用jquery代码通过点击父页的iframe中引用子页中的按钮来达到在父页中隐藏iframe的效果

在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法。在父页面中给定一个不带滚动条的iframe，然后对属性src指定一个可加载的页面，这样当父页面被访问的时候，子页面可以被自动加载。iframe的高度需要根据子页面的实际高度来进行调整。如果iframe的高度小于子页面的实际高度，超出的部分无法显示；相反，如果iframe的高度过高，则页面上会出现大量的空白区域。我们可以通过属性或者CSS来设置iframe的高度，当不确定子页面内容的高度时，也可以通过脚本来进行动态指定。但是如果子页面不在同一域中怎么办？这时候脚本没有办法获取到子页面的高度，存在JavaScript跨域的问题！

iframe-localStorage 实际上不可能从嵌套在不同域中的 iframe 元素中的页面使用功能（考虑到父框架域）。为了解决这个限制，我编写了这个简单的库，它使用功能也可以在跨域框架中使用 localStorage。为了使用它，在父窗口中包含 parent.js 文件和在嵌套窗口中包含 iframe.js 文件就足够了。 iframe.js 文件覆盖 localtStorage setItem 、 getItem和removeItem方法，并提供延迟接口等待结果。代码示例在嵌套页面中包含 iframe.js 后，您可以将 localStorage 方法与经典接口一起使用。 localStorage . setItem ( 'test' , 5 ) ; localStorage . getItem ( 'test' ) . done ( function

帧用来存放子页面，既可以是iframe,又可以是frameset。window对象是全局对象，页面上的一切函数和对象都在它的作用域里。 1、parent代表父窗口、如果父窗口又存在若干层嵌套，则top代表顶级父窗口。 self代表窗口自身。 if(self==top){//}判断窗口是否处于顶级 if(self==parent){}//也可以 2.1、父页面访问子页面元素。思路是子页面的元素都在其window.document对象里面，先获取它然后就好说了。帧最好设置name属性，这样操作最方便。如 <iframe name=test src=child.html></if

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章