js子页面获取父级iframe宽高，iframe获取父页面cookie

怎么让iframe自适应高度

1、跨域的时候，由于js的同源策略，父页面内的js不能获取到iframe页面的高度。需要一个页面来做代理。方法如下：假设下的一个页面a.html要包含下的一个页面c.html。我们使用下的另一个页面agent.html来做代理，通过它获取iframe页面的高度，并设定iframe元素的高度。

2、方法一，在每个被包含页在本身内容加载完毕之后，执行JS取得本页面的高度，然后去同步父页面的iframe高度。方法二，在主页面iframe的onload事件中执行JS，去取得被包含页的高度内容，然后去同步高度。

3、首先设置样式：body{margin：0； padding：0；}。如果不设置body的margin和padding为0的话，页面上下左右会出现空白。代码如下：iframe src=：//fulibac id=myiframe scrolling=no frameborder=0/iframe。

4、假设iframe子页面和父页面都在同一域内，通过该脚本可以对给定id的iframe高度进行动态调整。为了防止父页面在子页面之前加载完成，该函数会每隔2秒重新执行一次，一共执行3次。极端情况下子页面的加载速度会慢于父页面，可适当对执行次数和时间做调整。

5、由于iframe不能动态自适应，所以你只能当页面加载完毕之后获取页面高度。然后再赋值给iframe了。

6、首先在文件夹里创建两个html文件，一个“index”一个“iframe”。然后在index中添加一个iframe标签，直接嵌入iframe页面。接着在iframe网页中添加了两个固定高度的div内容。浏览器打开index页面，发现iframe部分有滚动条，需要滚动显示页面。现在在index页面的iframe标签再添加如下的属性。

相关问答

Q1: Js获取Iframe页面高度,并将高度赋值给Iframe

采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引发出同域、跨域两种情况。

即嵌入式框架)。其次，设置iframe的高度和宽度有以下几种方法 iframe元素标记可以使用宽度和高度属性。width= height= 你可以使用css来定义宽度和高度 style= 三。

iframe中的代码如下：标题：内容：分享到：---解决方案---给iframe一个id吧，可以使用父页面的document对象获取到iframe的document对象 var zdoc = document.frames[id].document；就可以了---解决方案---如果是父页面一加载就运行JS，是需要判断iframe是否加载完毕的。

如果在主窗口做一个Interval，不停的来获取被包含页的高度，然后做同步，是不是即方便，又解决了JS操作DOM的问题了呢？答案是肯定的。

两个方法都只处理了静的东西，就是只在内容加载的时候执行，如果JS去操作DOM引起的高度变化，都不太方便。如果在主窗口做一个Interval，不停的来获取被包含页的高度，然后做同步，是不是即方便，又解决了JS操作DOM的问题了呢？答案是肯定的。

Q2: JS中怎么在子页面中调用父页面的方法?

新建一个子页面，页面演示代码如图所示，定义了一个testChild方法，放置一个按钮，用来触发调用父页面定义的js方法。再建一个父页面，页面演示代码如图所示，定义了一个testParent方法，也放置一个按钮，用来触发调用子页面定义的js方法，父页面还需要使用引入子页面。

app-dialog/app-dialog其中dialog是子页面文件夹的名字，只需要把这个标签放在父页面中需要的地方即可。

Firefox， Chrome 测试通过，没问题。如果在IE　中有问题，　可能是因为array元素所指向的对象随着子页面关闭，也已经不存在，所以产生错误。

其中parent.html中含有IFrame并且IFrame指向child.html。现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法。

JS子窗口调用父窗口的方法：框架（iframe）形式，这时用到是window.parent， window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。可以用这一点特性来判断这个窗口是否是顶层窗口。

只要在代码前加入window对象就可以运行指定的window下的方法了，例如 在A.html（或其他文件）中写frames[rightFrame].location.reload()，rightFrame这个框架中的页面就刷新了。

Q3: 如何在子页面得到其所在的iframe

1、首先，在你写这段js或引入改js的页面必须在获得之前已经存在这个iframe，哪怕是动态添加进去的，也要在获取之前就存在了。其次，获取子iframe的方法还有：基本的操作方法：document.frames(frame_id).document.action； 其中，frame_id是该父页面需要进行操作的iframe的id，action是iframe中的相关操作。

2、首先建立一个父级页面parent.html，代码如图，一个pop函数方法，一个链接到child.html的iframe标签。再新建一个child.html页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到window.parent.pop()方法。

3、记录说明 iframe说明 iframe/iframe标签用于定义一个页面的内联框架。就是在一个html页面中分出小块，然后用iframe把其他网页嵌入进来，这小块就会显示其他html页面的内容了。

4、这段代码首先使用 document.getElementById 方法获取指定 id 的 iframe 元素，然后使用 iframe.src 属性获取 iframe 的地址，并将其存储在 iframeSrc 变量中。最后，使用 console.log 函数将地址输出到控制台。

5、mounted() { window.init = this.init}，methods ： { init() { console.log(test)}}// 子页面直接调用parent.init()如果子页面和父页面不在一个域下， 可以使用代理 子页面iframe 使得其在一个域下。总之，如果你引用的iframe 不在一个域下是无法调用的。

Q4: 给iframe赋ID后,用js是否可以通过此ID获取引用页面body的高度?_百度...

由于A和main页面同域，所以可以修改main的dom节点属性，从而达到我们设置iframe标签高度的目的。

请在IE或火狐下调试以下代码，由于Chrome（谷歌）的iframe机制，不能在本地运行和iframe相关的js，需要架设到服务器或IIS上才有效果。

iframe src=default.html id=mainweb name=mainweb width=100% height=100% frameborder=0onLoad=iFrameHeight() /iframe。script type=text/javascript language=javascript。function iFrameHeight() {。var ifm= document.getElementById(mainweb)；。

需要准备的材料分别是：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，填写相应html代码。

var body = document.documentElement.scrollHeight；var height = winHeight - 140；//窗体高度减去固定的高度 document.getElementById(frmain).style.height = height + px；//给iframe定义高度，会适应屏幕的大小，并跟随浏览器的最小化与最大化改变。

并不是里页面高度自适是，而是外面的iframe高度自适应你引入的页面的高度。思路是js控制iframe自适应高度，因为iframe本身并不能自适应高度，只有写死高度才行，所以要用js判断整个页面内容的高度。

关于js子页面获取父级iframe宽高和iframe获取父页面cookie的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。