取iframe里某个div的高度

最新推荐文章于 2022-03-18 16:03:42 发布
最新推荐文章于 2022-03-18 16:03:42 发布 · 362 阅读 · 0
文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript获取iframe内部元素高度的方法。通过document.getElementById('iframe1').contentDocument.getElementById('iframe_div').offsetHeight实现，但需要注意的是，在IE6浏览器中可能会出现错误。

document.getElementById("iframe1").contentDocument.getElementById("iframe_div").offsetHeight

 

//注意：contentDocument在ie6下报错。

在iframe里的页面编写js，实现在父窗口上创建动画效果展开和收缩的div（不变动iframe父窗口代码）
10-28
在Web开发中，有时我们需要在嵌入的`iframe`中操作父窗口的元素，例如在本例中，我们需要在`iframe`内的页面通过JavaScript实现一个动画效果，让父窗口上的某个`div`元素能够展开和收缩，而不需要修改父窗口的代码。...
JS 获取iframe高度的静动态方法
04-27
NULL 博文链接：https://onestopweb.iteye.com/blog/2415052
js设置iframe子页面中div高度
赶路人儿
01-07 1357
首先给出一个结论： div节点高度要实现百分比，其父节点必须要有确定的高度。所以在body节点下的子节点若想要用百分比来确定高度时，就必须给body给定一个高度。 举一个实际的例子：我们的页面通常是嵌套iframe，iframe设置的height是100% main.html <iframe src="a.html" width="99%" height="99%" style="m...
如何自适应获取iframe子页面内容的高度
zwldzj的博客
04-21 629
在子页面上写 onload 、onresize、onreadystatechange写上这几个以防出现图片加载缓慢，导致页面加载不完整 function getBodyH(){ var heightBody = $("#blog-full-width")[0].clientHeight; if (window.navigator.userAgent.indexOf("MSIE")>=1) { heightBody = $("#blog-full-width")[0].clientHeig
js 获取iframe内容的高度 并动态设置iframe的高度
abc123maxiaolong的专栏
04-01 3299
var frame = document.getElementById('#frame'), win = frame.contentWindow, doc = win.document, html = doc.documentElement, body = doc.body; // 获取高度 var height = Math.max( body.s...
关于Iframe嵌入页面，获取内部页面高度的办法
m0_46750297的博客
03-18 1万+
项目中经常会嵌入别人的页面，如果不知道被嵌入页面的高度，就没法给Iframe高度赋值，内部嵌入的页面就会出现滚动条，影响页面的美观。 1、如果被嵌入页面和当前页面不跨域，可以使用Iframe的@load加载事件获取内部高度 <iframe name="outerPage" @load="iframeload()" :src="url" ref="iframe" scrolling="auto" frameborder="0" id="outerPage" :style="{ 'min-
js监听某个div高度的变化的方法
04-18
现在用户明确想找JavaScript监听div高度变化的方法，所以需要整理几种常见的JS方法，并考虑兼容性和实用性。 用户提供的站内引用提到了两种方法：使用iframe的resize事件和MutationObserver。需要将这些方法整合...
resize 监听某个div
最新发布
09-20
在JavaScript中，直接监听某个`div`元素的`resize`事件并不像监听`window`的`resize`事件那样直接，因为原生并没有为`div`元素提供`resize`事件监听。不过可以通过以下几种方法实现对`div`元素`resize`事件的监听： ...
基于HTML的Div与Iframe页面布局技术解析
具体而言，开发者通常会利用 `<div>` 构建主界面的整体框架结构，并在某个特定的 `<div>` 区域中插入 `<iframe>` 来动态加载不同的子页面内容。这种方式的优势在于：第一，实现了模块化开发，各个子页面可以独立开发...
获取父页面的指定div高度
08-06
下面，我们给出一个同源情况下获取父页面指定div高度的示例代码，以及跨域情况下通过postMessage通信的解决方案。 同源示例： // 在当前页面的脚本中 window.onload = function() { // 确保父页面的div已经...
js获取iframe和父级之间元素，方法、属，获取iframe的高度自适应iframe高度
热门推荐
kongjiea笔记
08-27 6万+
1、在父页面 获取iframe子页面的元素
获取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实际高度
Jioho的博客
10-31 1万+
要解决的问题：iframe初始高度太小。想根据页面内容，自动撑开 HTML代码： &amp;lt;iframe id=&quot;frame-content&quot; scrolling=&quot;auto&quot; src=&quot;你的网页地址&quot; frameborder=&quot;0&quot;&amp;gt;&amp;lt;/iframe&amp;gt; 在iframe同页面 =&a
同域iframe的高度自适应
weixin_34226706的博客
08-11 201
引子 父页面里控制子页面 子页面里控制父页面   一、引子 我们先看一个示例，有两个页面，1.html通过iframe嵌入2.html，两个页面都是同域的 1.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset='utf-8' /&gt; &lt;title...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值