`

js 获取iframe内容的高度 并动态设置iframe的高度

    博客分类:
  • js
阅读更多
var frame = document.getElementById('#frame'),
    win = frame.contentWindow,
    doc = win.document,
    html = doc.documentElement,
    body = doc.body;

// 获取高度
var height = Math.max( body.scrollHeight, body.offsetHeight,
                       html.clientHeight, html.scrollHeight, html.offsetHeight );

frame.setAttribute('height', height);
分享到:
评论
1 楼 CodeSmith_ 2014-06-19  

相关推荐

    JS 获取iframe高度的静动态方法

    NULL 博文链接:https://onestopweb.iteye.com/blog/2415052

    iframe根据页面内容自适应高度和宽度

    iframe根据引用的页面内容自适应高度和宽度,直接查看例子,简单易操作

    Iframe 自适应高度并实时监控高度变化的js代码

    不得不用到iframe,且被强烈要求不能让它出现滚动条!嵌入的页面肯定是高度不一的,页面中也不能出现大片空白,所以也不能写死高度!真是麻鬼烦啊!

    js实现iframe动态调整高度的代码

    代码如下:function SetWinHeight(obj) { var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight) win....

    如何设置iframe高度自适应在跨域情况下的可用方法

    我们可以通过属性或者CSS来设置iframe的高度,当不确定子页面内容的高度时,也可以通过脚本来进行动态指定。但是如果子页面不在同一域中怎么办?这时候脚本没有办法获取到子页面的高度,存在JavaScript跨域的问题!

    iframe_height:跨域 iframe 高度调整

    messageParent 函数尝试使用 document.scrollHeight 来获取文档的高度,但这并不总是适用于每个人。 您可能只想使用 jquery 或其他选择器获取给定元素或主体的高度。 配置选项 Options : { src : '' // The source...

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

    domainA 中有一个页面index.html,通过iframe嵌套了domainB中的一个页面other.html 由于other.html页面在iframe中显示,而且其页面内容会动态的增加或减少,现在需要去掉iframe的滚动条 由于javascript同源策略的...

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

    本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考,具体如下: 之前一直被iframe自适应高度的问题困扰,很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆...

    jsp页面iframe高度自适应的js代码

    iframe高度自适应,获取自身高度,之后将高度作为参数传递,在窗口加载后执行就可以了

    javascript应用:Iframe自适应其加载的内容高度

    main.htm: 代码如下:<html> <head> <... charset=gb2312′> <... <...iframe自适应加载的页面高度</title> </head> <body> <iframe src=”child.htm”

    利用location.hash实现跨域iframe自适应

    页面域关系: 主页面a.html所属域... 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的高度和宽度就必须首先读取得到b.html的大小,A、B不属于同一个域,浏览器为了安全性考虑,使js跨域访问受限,读取不到b.

    自适度div高度

    自适度div高度,js获取元素位置和窗口高度,自动适应,也可以使用在父框是iframe,有完整的js实例

    html页面高度不固定在不同浏览器下的兼容性设置

    页面需要嵌套在跨域的iframe中,而页面高度不固定,需要每个页面把自己的高度获得后,通过js通知iframe调整显示。 而页面在获得自己的高度时,发现总是比预想的大。经过参考别人的博客,发现原来是w3c标准的原因。 ...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    如:<script type="text/javascript" src="ymPrompt.js"></script> 2、在页面中引入对应的皮肤文件的CSS,如: 3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用) 页面的js中通过ymPrompt....

    IBM WebSphere Portal门户开发笔记01

    64、JS自动检测IFRAME内容高度并自动设置为IFRAME高度 338 65、JS MOVETO设置屏幕滚动到最底端或者最顶端 339 66、JS OBJECT方式设置浏览器最大化与最小化 339 67、边框标签FIELDSET 339 68、按钮与A标签的DISABLED...

    程序天下:JavaScript实例自学手册

    9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的交替行颜色 9.33 双击单元格变为可编辑 9.34 鼠标经过表格时列变色 9.35 鼠标选择表格中的多行 9.36 使用JavaScript向表格中写入数据 9.37 类C# ...

Global site tag (gtag.js) - Google Analytics