iframe框架自适应高度

问:

有一个页面niu.html代码如下

<iframe  src=http://www.iiwnet.com/about.html ></iframe>

页面的高度是通过about.html页面里BODY 传递的,但是我现在调用的是一个别的网站的东西。无法

在被调用的页面得到他的高度。。请问我在niu.html页面里有办法实现 iframe 自动调整高度吗?

答:

当然可以~

重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”

之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下

超简单哦

1、建立一个iframe.js的文件,然后输入下面的代码(只有两行哦)

parent.document.all("框架ID名").style.height=document.body.scrollHeight;//获取高度

parent.document.all("框架ID名").style.width=document.body.scrollWidth;//获取宽度

这里的 框架ID名 就是Iframe的ID,比如:

<IFRAME id="框架ID名" name="left" frameBorder=0 scrolling=no src="http://www.niutw.com/about.html" width="100%"></IFRAME>

2、给你网站里所有的被包含文件里面每个都加入

<script language = "JavaScript" src = "iframe.js"/></script>

3、OK,收工!

我在WINXP、IE6下面测试通过。很简单吧!

时间: 2024-12-20 00:36:53

iframe框架自适应高度的相关文章

iframe框架自适应高度 uncanght SecurityError: Blocked a frame with origin &quot;null&quot; from accessing a frame ....

来源于crm项目的contact/edit.html 一.背景是这样的 最近在做crm系统的前端页面,有一个页面呢,点击“查看全部信息”时会弹出,这个弹窗里面又有分页导航,分页不是使用ajax 异步刷新请求写的,而是通过刷新页面.由于整站的分页都是使用这个方法,所以不可能让后端同事用ajax重写一个分页,所以呢,就想到使用iframe框架,把这个弹窗写在html文件,放在iframe中完成.一切都是perfect的想法. 二.问题来了!解决问题 此时不仅仅是没有高度自适应而且还报错,其实这报的错

嵌入的iframe框架自适应宽度代码

今天在给客户做一个提取底部,插入了一个从网上下载的头部代码,由于插入的框架底部没有自适应,我这边电脑打开看着没事,发给对方,底部小了,原因是对方的电脑比自己要宽,下面由魅力网络为大家解决这个问题 解决办法是:让插入的iframe框架代码自适应浏览器的宽度 <iframe id="frame_content" src="dibu.html" scrolling="no" frameborder="0"  width=&qu

关于使用iframe标签自适应高度的使用

在ifrome内设定最小高度,(此方法只适用于页面内切换高度不一.但是会保留最大高度,返回后保持最大高度不再回到最初页面的高度) 1 <iframe id="one4" width="100%" height="1600px" src="merchant information.html" style="border:1px solid #f4f4f4;" scrolling="no&quo

&lt;iframe&gt;标签自适应高度和宽度

<iframe src="index.html" id="iframepage" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()"></iframe> <script type="text/javascr

iframe 标签自适应高度和宽度

iframe 结构如下 <iframe src="index.html" id="frame" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()"></iframe> js 实现 <script type="

iframe实现自适应高度

代码简单,兼容性还可以 <script>function SetWinHeight(obj) {  var win=obj;  if (document.getElementById)  {   if (win && !window.opera)   {    if (win.contentDocument && win.contentDocument.body.offsetHeight)    win.height = win.contentDocument.

如何让iframe框架和主页面共用一个滚动条(也称为:iframe高度自适应问题)

最近在前端页面遇到了一个问题,我在一个页面中利用iframe框架引入了一个页面进来,但是这个页面的高度是不叫高的,高出电脑屏幕很多, 所以就引发了iframe框架一个滚动条,然后主页面一个滚动条,这样页面就出现了两个滚动条.在网上查了好久,一直没有好的方法,直到我在 网上看到了iframe高度自适应,才解决了这个问题. 自适应的意思是,iframe框架的高度自动适应引入的HTML文件的内容高度,显在页面上的iframe的高度就是引入的文件的高度,这样就解决了公用一个滚动条的问题 js代码: fu

iframe自适应高度的多种方法方法小结

对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的. 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: 第一种方法:代码简单,兼容性还可以,大家可以先测试下. function SetWinHeight(ob

iframe自适应高度

对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的,不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: function SetWinHeight(obj) { var win=obj; if (documen