Iframe中的一些属性,可以考虑拿来做高度自适应

最新推荐文章于 2023-04-25 16:31:28 发布
最新推荐文章于 2023-04-25 16:31:28 发布
阅读量111 收藏
点赞数
文章标签： IE Firefox J# 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fangbinzhi/article/details/83708528
版权
J_iframe为文档中的一个iframe对象
1. J_iframe.document指iframe的document对象（IE特有）

2. J_iframe.contentWindow指iframe的window对象
3. J_iframe.contentDocument指iframe的document对象

2和3在各个浏览器下都兼容

如果要获得iframe里面页面的高度,可以使用
J_iframe.contentWindow.document.documentElement.scrollHeight;
或者
J_iframe.contentDocument.documentElement.scrollHeight;

IE和Firefox里面获取到的高度好像不一样，差20px左右
跑过悲伤
关注
vue页面中嵌入html页面跨域,vue内嵌iframe并跨域通信
weixin_32142107的博客
06-03 2187
Vue组件中如何引入iframe？export default {data () {return {src: '你的src'}}}如上，直接通过添加iframe标签，src属性绑定data中的src，第一步引入就完成了vue如何获取iframe对象以及iframe内的window对象？在vue中，dom操作比不上jquery的$(‘#id’)来的方便，但是也有办法，就是通过refexport de...
多层嵌套Iframe的自适应问题解决
bohemia的专栏
04-15 9306
/** * 多层嵌套Iframe的自适应问题解决 * * @author: Cheng * @Email : bohemia1985@163.com */一.为什么需要Iframe? 由于Iframe相当于独立的窗体，因此可以动态改变Iframe中的稳当的内容，而没有必要改变其他的元素。正是因为这个特点，所以Iframe在某方面就显示了它的优越性。 对于我的情况，主要是为了减少重复载入网页中已
js实现iframe框架的面包屑功能
最新发布
杜永康的博客
04-25 2193
iFrame全称是HTML中的一个标签，用于在一个HTML文档中嵌入另一个HTML文档。iFrame框架可以将一个HTML文档嵌入到另一个HTML文档中的一个独立的窗口中，这个窗口可以独立于主窗口进行加载和渲染。在一个页面中嵌入另一个页面，例如在一篇文章中嵌入一段视频。在一个页面中嵌入一个广告，可以独立加载和渲染，不影响主页面的性能。在一个页面中嵌入一个登录框，可以通过iFrame框架实现跨域登录。
iframe问题
真是适合睡觉的天气
06-04 274
iframe使用src跳转页面后静态文件404 问题 模板：thymeleaf 前端：bootstrap <iframe class="J_iframe" name="iframe0" width="100%" height="100%" th:src="@{index/index_v1.html(v=4.0)}" frameborder="0" data-id="index_v1.html" seamless></iframe> 于是问题出现了 因为实在ind
JavaScript-iframe
可可的博客
11-23 3575
JavaScript-iframe 经常进行页面布局的人对于HTML中的iframe标签一定不陌生，iframe标签是一个内联框架，换言之就是用来在当前 HTML 页面中嵌入另一个文档的。 <iframe> 标签是一个内联框架，即用来在当前 HTML 页面中嵌入另一个文档的，且所有主流浏览器都支持iframe标签。 height可以设置框架显示的高度 width可以设置框架显示的宽度 name可以定义框架的名称 frameborder用来定义是否需要显示边框，取值为1表示需要边框 scro
解决后台iframe框架刷新跳转问题
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
07-20 464
//菜单点击 $(".J_menuItem").on('click',function() { var iframe = $("#J_iframe").contents().find("#Login").length; if (iframe>0) { window.location.href = '/admin/login'; } else { ...
JFrame界面美化IFrame应用。
08-05
在JDK1.4以前，我们只有一种方式来去掉窗口的标题栏，那就是直接使用JWindow，用JWindow来代替JFrame使用。但用过JWindow的人一定知道，JWindow在操作系统的任务栏是不可见的，这样我们就无法在几个视窗之间来切换到这个窗口了。
iframe的跨域高度自适应（通过跨域页面中嵌套本域页面）
dengxun6984的博客
03-23 324
实习不久接到一个任务，在网页中嵌套另一个工程的网页。本以为这是轻而易举的一件事情，结果被测试姐姐折腾得够呛。多次和我谈心说到这个高度固定导致iframe出现滚动条有多么不好看，对于工程整体的影响有多么恶劣。因为跨域的原因，这个需求被拖了许久，真是很痛苦的一件事。最终在我离开公司之前搞定了这个单。 这里就把我的研究过程写下来以供大家参考。 首先需要了解一下何为同域，何为跨域： ...
html的页面怎样直接跨域访问,【HTML】iframe跨域访问问题
weixin_32823993的博客
06-22 1836
概述本地同一浏览器访问本地HTML文件和访问服务器端HTML文件，本地Iframe没有自适应高度，而服务器端的Ifrane自适应了高度。1.问题重现：Chrome 版本 41.0.2272.101 (64-bit)OS:Win8.1Chrome访问服务器端HTML文件呈现的结果Chrome访问本地HTML文件呈现的结果本地访问的HTML文件Iframe没有根据Iframe里面的页面类容自适应高度2...
前端200道面试题及答案（更新中）
热门推荐
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
前端刷题过程中遇到的重点题记录
weixin_44715144的博客
10-13 3万+
前言 此篇包括但不仅限于对前一篇博客知识点的补充 1.手写深度比较，模拟lodash isEqual 关于深度比较的理解：如果obj1和obj2的属性、值全部相等，但是令他们 = = =的时候，还是返回false，因为他们的地址不同，深度比较就是能对两个地址不同，值相同的对象进行比较，返回true。 function isObject(obj){ return typeof obj === 'object' && obj !== null; } function isEqual(o
H+框架 通过按钮新增选项卡功能
wangs的博客
05-19 6786
H+框架新增选项卡功能扩展 H+是一个完全响应式，基于Bootstrap3.3.6最新版本开发的扁平化主题。前段时间本人做项目时刚好遇到新的需求，需要通过页面按钮创建新的选项卡展示页面，很遗憾，源框架没有提供此功能，后来查了一些资料，网上资源说法也不一，只能自己去探索源码方法，找到js/contabs.js文件进行扩展， 现在写出来方便大家学习共享。 将以下方法拷贝到js/conta...
jBox 弹出窗口中焦点设置问题
weixin_34107955的博客
07-04 298
jBox  是一个不错的组件库，可以用来比较简单地弹出窗口。 我希望在 jBox 弹出窗口之后，自动将焦点设置到子窗口的某个输入框中，可是发现并不容易。   在 jBox 2.3 中，提供了如下的增强。 [调整] loaded 选项增加了个参数h，参数h表示窗口内容的jQuery对象，方便用户在窗口加载后对内容进行初始化处理。 示例中并没有说明 h 的使用方式。 那么，这个 h 是什么...
iframe内嵌标签
Sapling
08-19 2047
iframe标签可以在页面中内嵌一个html页面，可以帮助到我们解决很大的忙 iframe基本使用规则 直接在iframe标签中通过src属性导入html页面即可 <iframe src="/map/map.html"></iframe> iframe常见的属性 height 高度 width 宽度 scrolling 在框架内是否可以滚动 参数 auto, n...
iframe常见问题
JKING_的博客
08-10 220
获取当前iframe的属性：self.frameElement.getAttribute(‘id’)； 调用父页面的方法：parent.fun()
iframe高度自适应JS代码实现浏览器兼容
这种技术在实际应用中非常有用，例如在开发企业网站或门户网站时，我们可能需要在iframe中嵌入一些外部内容，而这些内容的高度可能会变化，这时我们就需要使用iframe高度自适应技术来实现自动调整高度。 现在，让...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值