js中获取当前页面高度，iframe高度赋值问题，body高度初始化赋值

最新推荐文章于 2022-11-15 14:36:37 发布
原创 最新推荐文章于 2022-11-15 14:36:37 发布 · 2.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了一种使用JavaScript来动态设置网页中div、iframe及body等元素的高度的方法。通过document.body.clientHeight获取当前页面可视区域的高度，并减去特定偏移量，然后将此值应用到指定的元素上。

document.body.clientHeight 获取当前页面高度


hight = document.body.clientHeight - 50;
//具体div赋值
document.getElementById("scrollDiv").style.height=hight;

ocument.getElementById("iframe").height=hight; //iframe高度赋值

//body初始化高度赋值

document.getElementsByTagName('body')[0].style.height =hight+'px';

浏览器兼容问题项目总结（六） 页面嵌套多个iframe滚动条兼容性修改
前端产品工程师
04-26 3522
最近几天一直在chrome和IE的兼容性问题上花费较多时间，将我在iframe这个问题上的一个坑给大家做个分享。 iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级。使用 iframe 的页面一般不会包含太多 iframe，所以创建 DOM
JS 获取iframe高度的静动态方法
04-27
NULL 博文链接：https://onestopweb.iteye.com/blog/2415052
Js动态获取iframe子页面的高度总结
weixin_34261739的博客
06-19 304
问题的缘由 产品有个评论列表引用的是个iframe，高度不固定于是引发这个总结。 方法1：父级页面获取子级页面的高度 给元素设置高度 这方法是用在父级页面里的，通过获取子级页面的高度给iframe设置高度 涉及了一些兼容问题: IE用attachEvent | 3C用onload来判断子页面是否加载完成。 IE用contentWindow | 3C用contentDocument来获取...
jquery、js调用iframe父窗口与子窗口元素的方法
winter is coming
11-13 4620
1、在父页面 获取iframe子页面的元素 （在同域的情况下 且在http://下测试，且最好在iframe onload加载完毕后 dosomething...） js写法 a、同过contentWindow获取 也有用contentDocument 获取的 但是contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocu
JS 动态设置页面高度
hexianfan的博客
11-15 3002
JS 获取页面高度
框架页面高度自动刷新的Javascript脚本
10-26
1. **初始化函数**：`initIframeHeight()`是用于获取并设置框架页面高度的函数。在页面加载完成后，这个函数会被调用。 2. **获取iframe元素**：在函数内部，首先通过`document.getElementById("ifr_obj")`获取到...
iframe src为图片时的高度自适应的代码
10-30
在标准的iframe高度自适应方案中，通常是在iframe加载完毕后获取其内部body的高度（`offsetHeight`）和宽度（`offsetWidth`），然后根据这些尺寸来调整iframe自身的高度和宽度。但是这种方法对于图片并不适用，因为...
iframe自适应高度（DOM动态操作）
08-23
// 定义一个函数来重新初始化`iframe`的高度 function reinitIframe() { var iframe = document.getElementById("frame_content"); // 获取`iframe`元素 try { var bHeight = iframe.contentWindow.document.body...
动态生成的IFRAME，设置SRC时的问题解决分析
09-06
在JavaScript中，动态创建IFRAME元素是一种常见的技术，用于在网页中嵌入其他网页或者实现某些特定功能。然而，动态生成的IFRAME在设置`src`属性时，可能会遇到一些问题，尤其是在不同的浏览器环境下，如IE7和IE6。...
jq_jquer获取iframe的高度根据页面内容自适应
橙-极纪元-JJYCheng
06-15 6506
JQ代码 $("#mainframe").load(function () { var if_w = $("iframe").width(); var if_h = $("#mainframe").contents().find("body").find(".nylm2").height(); //alert("if_w==" + if_w + "\n" + "if_h=
获取iframe实际高度
Jioho的博客
10-31 1万+
要解决的问题：iframe初始高度太小。想根据页面内容，自动撑开 HTML代码： <iframe id="frame-content" scrolling="auto" src="你的网页地址" frameborder="0"></iframe> 在iframe同页面 =&a
iframe获取页面高度的方法含跨域（非同源策略）
qq_45353152的博客
04-12 5424
iframe自适应高度，意见postMessage,页面间的交互
使用js获取父窗口iframe的高度
热门推荐
huozhicheng的专栏
06-17 1万+
<br />当父窗口的iframe的高度为100%时<br />alert(parent.document.getElementById("contentFrame").height);得到的为100%，其中contentFrame为iframe的ID<br />alert(document.documentElement.scrollHeight);得到的为具体的高度
获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素
weixin_33887443的博客
04-10 4069
最近接手了别人的项目，别人用到了iframe，自己在实战中总结了一些关于iframe的小问题。 获取Iframe页面高度并赋值给Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home.html" onLoad="i...
跨域iframe获取高度
Jarvis_hsu的博客
10-05 2787
      入坑前端后第一个遇到的难题，其实百度有一大堆解决方案，自己记录下来印象会深刻一点。       需求背景：父页面内嵌一个跨域的子页面，但是子页面的内容是未知的，意味着子页面的高度也是未知的，父页面的样式不能定死高度，不然会出现双重滚动条（子页面有滚动条，父页面也会出现滚动条）       解决方案：公司里大神出的方案，跨域的b.html页面中再嵌入一个代理页面agent.html，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值