iframe问题 怎么让iframe的height和width等于他的父级的height和width

问题描述

iframe问题 怎么让iframe的height和width等于他的父级的height和width

里面这个iframe的width和height怎么等于他父级的width和height 的100%求大神指教

解决方案

这个简单。
在父页面
function iFrameHeight() {
var ifm= document.getElementById(""mainwin"");
var subWeb = document.frames ? document.frames[""mainwin""].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height=0

ifm.height = subWeb.body.scrollHeight;
}
}

        然后在iframe onload上onLoad=""javascript:iFrameHeight();""        就可以了,会自适应子页面的高度

解决方案二:

 <iframe src=""about:blank"" style=""width:100%;height:100%""></iframe>
时间: 2025-01-21 04:12:12

iframe问题 怎么让iframe的height和width等于他的父级的height和width的相关文章

javascript iframe:javascript 改变iframe(框架)的方法

<iframe src="http://www.cxybl.com" name="content" height="200" width="468" scrolling="no" id="content" frameborder="0"></iframe>  <script>  function iframes(){  conten

动态的改变IFrame的高度实现IFrame自动伸展适应高度_javascript技巧

动态的改变IFrame的高度,实现IFrame自动伸展,父页面也自动神缩 原理: 在IFrame子页面一加载的时候,调用父IFrame对象,改变其高度 具体实现一: 1.在IFrame的具体页面(就是子页面),添加JavaScript 复制代码 代码如下: <script> function IFrameResize(){ //alert(this.document.body.scrollHeight); //弹出当前页面的高度 var obj = parent.document.getEle

jquery 查找iframe父级页面元素的实现代码_jquery

父页面代码 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ

chrome修改iframe外的父级页面图片链接

问题描述 chrome修改iframe外的父级页面图片链接 iframe里面嵌套修改头像的页面通过ajax剪切修改. { datatype: ""text/json"" type: 'post' success: function (data) { $(""#imgsmall"").attr(""src"" data); alert(""保存成功""

怎样获取jquery ui dialog confirm 中的返回值

问题描述 我用的是iframe框加,把jqueryui的js都是调用在父级页面的.父级页面的函数://confirm对话框functionconfirm_dialog(main,title,a){vara='';jQuery('#dialog').text(main);jQuery("#dialog").dialog({resizable:false,height:140,modal:true,title:title,buttons:{"取消":function()

瀑布流的实现方式(原生js+jquery+css3)_javascript技巧

前言 项目需求要弄个瀑布流的页面,用的是waterfall这个插件,感觉还是可以的,项目赶就没自己的动手写.最近闲来没事,就自己写个.大致思路理清楚,还是挺好实现的...  原生javascript版  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>瀑布流-javascript</title> <

CSS&amp;amp;nbsp;和JavaScript&amp;amp;nbsp;在ie6&amp;amp;nbsp;ie7&amp;amp;nbsp;ie8和…

居中问题 div里的内容,IE默认为居中,而FF默认为左对齐 可以尝试增加代码margin:auto 高度问题 两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象:但在IE中,下面的div会自动给上面的div让出空间 所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节,比较好的方法是 height:100%; 但当这个div里面一级的元素都float了的时候,则需要在div块的最后,闭和前

table单元格选中合并-table 下面代码这里只是列选中,改成行列都可以选中合并该怎么做?或者有其他方法来实现也可以。

问题描述 table 下面代码这里只是列选中,改成行列都可以选中合并该怎么做?或者有其他方法来实现也可以. <!DOCTYPE HTML> <HTML> <head> <TITLE>The document title</TITLE> <meta charset=utf-8> <script src="lib/jquery-1.8.1.min.js" type="text/javascript&qu

浏览器兼容常见问题介绍(ff,ie,Chrome)总结

突然间,在Chrome下看起来很整齐的布局,在IE下变成一团糟.为了找出原因,我改动了div的background-color属性.最后,发现同一个DIV的宽度在IE和Chrome下却不一样.这大晚上的,真是怪吓人滴! 之后,做了个测试.当: Css代码  代码如下 复制代码 div1  {  width:960px;  margin:0px;  padding:0px;  }  这时,在两个浏览器下是没有区别滴!总宽度均是960px. 但是,当: Css代码  代码如下 复制代码 div1