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;
}
}
}
}
<iframe onload="Javascript:SetCwinHeight()" src="url"
name="orderInfoFrame" id="orderInfoFrame" frameborder="0"
style="Z-INDEX: 1; VISIBILITY: inherit; WIDTH: 100%;" scrolling="no" ></iframe>
注意去掉<iframe> 中的height值,用onload调用所写的js。
分享到:
相关推荐
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
然而,需要注意的是,由于同源策略的限制,如果`iframe`加载的页面与父页面不在同一个域下,我们无法直接访问`iframe`的内容。在这种情况下,可以尝试使用`postMessage`和`message`事件进行跨域通信,让`iframe`内部...
首先,我们来探讨同域名下的Iframe自适应高度的处理方法。当Iframe及其所嵌入页面位于同一域名时,可以通过JavaScript来获取嵌入页面的实际高度,并在Iframe的onload事件中设置其高度。具体做法是,在Iframe标签中...
然而,由于跨域限制,如果`iframe`内容不在同一个域下,这种方法可能无效。此时,可以考虑在`iframe`页面添加一个回调函数,通过查询字符串传递给父页面,父页面再调用这个回调来获取高度: ```html <!-- 在iframe...
### iframe自适应高度知识点详解 #### 一、概述 在网页设计与开发中,`<iframe>`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。随着响应式设计的需求日益增加,如何使`<iframe>`内...
可以实现Iframe跨域自适应高度 main.htm和agent.htm文件放在www.a.com域内 iframe.htm放在www.b.com域内 这样就可以通过a.com域中的main.htm文件访问b.com域中的iframe.htm文件了
总的来说,这个例子通过`postMessage`实现了跨域`iframe`的高度自适应,使得`iframe`可以动态地根据其内容的高度进行调整,即使内容源与父页面不在同一域。这在处理第三方内容嵌入或者多个域间的交互时非常有用。...
这就是所谓的“iframe自适应高度”问题,我们需要解决让`iframe`的高度自动适应其内部内容高度。 首先,理解`iframe`的基本结构是必要的。`iframe`标签的基本用法如下: ```html <iframe src=...
- 由于同源策略的限制,只有当`iframe`加载的页面与父页面位于同一个域下,我们才能通过JavaScript访问`iframe`的内容。否则,需要设置`CORS`(跨源资源共享)以允许不同源的通信。 - 如果`iframe`加载的内容包含...
### iframe高度自适应知识点详解 在网页开发过程中,经常会遇到需要将一个页面嵌入到另一个页面中的场景,这时就会用到`<iframe>`标签。然而,默认情况下,`<iframe>`的高度是固定的,当其内部内容发生变化时,可能...
以下是一个同域Iframe高度自适应的示例代码: ```html function SetCwinHeight() { var iframeid = document.getElementById("iframeid"); if (document.getElementById) { if (iframeid && !window.opera) { ...
关于实现iframe自适应高度和宽度的内容,可以使用原生JavaScript和jQuery库两种方式来完成。下面将详细解释使用这两种技术的实现方法及代码示例。 ### 使用原生JavaScript实现iframe自适应高度和宽度 要使用原生...
"Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...
javascript 中iframe高度自适应(同域) 今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码: function SetCwinHeight(){ var iframeid = document.getElementById("frame"); //frame...
通过上述方法,可以在多数情况下解决iframe自适应高度的问题。不过,实际操作中可能还会遇到其他问题,比如跨域限制等。跨域问题是指当iframe加载的页面与主页面不在同一个域时,出于安全考虑,浏览器会限制...
www.jb51.net 被iframe的页面b.html所属域B:www.baidu.com,假设地址:http://www.baidu.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会...
A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小. 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的...
然而,`iframe`的自适应高度问题一直是一个常见的挑战,尤其是在不同的浏览器间,如IE和Firefox,它们的处理方式有所不同。本文将详细介绍一种通过JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox上的...
在本文中,我们将探讨一种巧妙的方法来解决在跨域环境下,使用`iframe`实现窗口高度自适应的问题。问题的核心在于,由于JavaScript的同源策略限制,我们无法在不同域名之间直接进行DOM操作或数据交换。为了解决这个...