`
cindylu520
  • 浏览: 147553 次
  • 性别: Icon_minigender_2
  • 来自: 大连
社区版块
存档分类
最新评论

同域iframe自适应高度

    博客分类:
  • web
阅读更多
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自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    iframe自适应高度js demo

    然而,需要注意的是,由于同源策略的限制,如果`iframe`加载的页面与父页面不在同一个域下,我们无法直接访问`iframe`的内容。在这种情况下,可以尝试使用`postMessage`和`message`事件进行跨域通信,让`iframe`内部...

    JavaScript 处理Iframe自适应高度(同或不同域名下)

    首先,我们来探讨同域名下的Iframe自适应高度的处理方法。当Iframe及其所嵌入页面位于同一域名时,可以通过JavaScript来获取嵌入页面的实际高度,并在Iframe的onload事件中设置其高度。具体做法是,在Iframe标签中...

    iframe跨域自适应高度模板

    然而,由于跨域限制,如果`iframe`内容不在同一个域下,这种方法可能无效。此时,可以考虑在`iframe`页面添加一个回调函数,通过查询字符串传递给父页面,父页面再调用这个回调来获取高度: ```html &lt;!-- 在iframe...

    iframe自适应高度 .txt

    ### iframe自适应高度知识点详解 #### 一、概述 在网页设计与开发中,`&lt;iframe&gt;`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。随着响应式设计的需求日益增加,如何使`&lt;iframe&gt;`内...

    Iframe跨域自适应高度

    可以实现Iframe跨域自适应高度 main.htm和agent.htm文件放在www.a.com域内 iframe.htm放在www.b.com域内 这样就可以通过a.com域中的main.htm文件访问b.com域中的iframe.htm文件了

    iframe跨域高度自适应例子源码

    总的来说,这个例子通过`postMessage`实现了跨域`iframe`的高度自适应,使得`iframe`可以动态地根据其内容的高度进行调整,即使内容源与父页面不在同一域。这在处理第三方内容嵌入或者多个域间的交互时非常有用。...

    iframe 自适应高度

    这就是所谓的“iframe自适应高度”问题,我们需要解决让`iframe`的高度自动适应其内部内容高度。 首先,理解`iframe`的基本结构是必要的。`iframe`标签的基本用法如下: ```html &lt;iframe src=...

    iframe自适应内容页面的高度

    - 由于同源策略的限制,只有当`iframe`加载的页面与父页面位于同一个域下,我们才能通过JavaScript访问`iframe`的内容。否则,需要设置`CORS`(跨源资源共享)以允许不同源的通信。 - 如果`iframe`加载的内容包含...

    iframe高度自适应

    ### iframe高度自适应知识点详解 在网页开发过程中,经常会遇到需要将一个页面嵌入到另一个页面中的场景,这时就会用到`&lt;iframe&gt;`标签。然而,默认情况下,`&lt;iframe&gt;`的高度是固定的,当其内部内容发生变化时,可能...

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    以下是一个同域Iframe高度自适应的示例代码: ```html function SetCwinHeight() { var iframeid = document.getElementById("iframeid"); if (document.getElementById) { if (iframeid && !window.opera) { ...

    javascript原生和jquery库实现iframe自适应高度和宽度

    关于实现iframe自适应高度和宽度的内容,可以使用原生JavaScript和jQuery库两种方式来完成。下面将详细解释使用这两种技术的实现方法及代码示例。 ### 使用原生JavaScript实现iframe自适应高度和宽度 要使用原生...

    Iframe高度自适应(兼容IE/Firefox、同域/跨域)

    "Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...

    javascript 中iframe高度自适应(同域)实例详解

    javascript 中iframe高度自适应(同域)  今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码: function SetCwinHeight(){ var iframeid = document.getElementById("frame"); //frame...

    三谈Iframe自适应高度代码

    通过上述方法,可以在多数情况下解决iframe自适应高度的问题。不过,实际操作中可能还会遇到其他问题,比如跨域限制等。跨域问题是指当iframe加载的页面与主页面不在同一个域时,出于安全考虑,浏览器会限制...

    利用location.hash实现跨域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的宽度和高度是不可预知而且会...

    iframe 自适应大小实现代码

    A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小. 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的...

    JS实现iframe自适应高度的方法(兼容IE与FireFox)

    然而,`iframe`的自适应高度问题一直是一个常见的挑战,尤其是在不同的浏览器间,如IE和Firefox,它们的处理方式有所不同。本文将详细介绍一种通过JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox上的...

    iframe窗口高度自适应的又一个巧妙实现思路

    在本文中,我们将探讨一种巧妙的方法来解决在跨域环境下,使用`iframe`实现窗口高度自适应的问题。问题的核心在于,由于JavaScript的同源策略限制,我们无法在不同域名之间直接进行DOM操作或数据交换。为了解决这个...

Global site tag (gtag.js) - Google Analytics