iframe6

最新推荐文章于 2021-07-14 15:38:41 发布
最新推荐文章于 2021-07-14 15:38:41 发布
阅读量396 收藏
点赞数
分类专栏： 编程语言
找到了下面这个js 
复制代码代码如下:

function SetCwinHeight(obj) 
{ 
var cwin=obj; 
if (document.getElementById) 
{ 
if (cwin && !window.opera) 
{ 
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight) 
cwin.height = cwin.contentDocument.body.offsetHeight + 20; 
else if(cwin.Document && cwin.Document.body.scrollHeight) 
cwin.height = cwin.Document.body.scrollHeight + 10; 
} 
} 
} 

然后…… 
进入了测试过程(调用很简单，先略过) 
1.IE ---通过 但是高度还是有稍微的差距，很小，滚动条还在 
2.FF --- 通过 与IE一样，有小差距 
3.Opera --- 看那个JS的条件就知道，通不过的 
但主流浏览器至少要通过这三项撒！！！ 
于是，还是Google 
搜索 各浏览器在处理 document.scrollHeight 或者 offsetHeigth时的特殊现象 
发现，Opera浏览器在处理iframe内容的时候，用的是contentWindow 
而处理内容高度的时候，却与IE一致 
从而，有了下面这段js 
复制代码代码如下:

<html> 
<head> 
<script> 
function SetCwinHeight(obj) 
{ 
var cwin=obj; 
if (document.getElementById) 
{ 
if (cwin && !window.opera) 
{ 
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight) 
cwin.height = cwin.contentDocument.body.offsetHeight + 20; //FF NS 
else if(cwin.Document && cwin.Document.body.scrollHeight) 
cwin.height = cwin.Document.body.scrollHeight + 10;//IE 
} 
else 
{ 
if(cwin.contentWindow.document && cwin.contentWindow.document.body.scrollHeight) 
cwin.height = cwin.contentWindow.document.body.scrollHeight;//Opera 
} 
} 
} 
</script> 
</head> 
<body> 
<iframe src="20103622440.html" οnlοad="SetCwinHeight(this);" width="600px"> 
</body> 
</html> 

这样一来，总算把这三个浏览器给适应了 
做为程序员，还是要细心点 
再测试一下 
OK...3个浏览器均正常显示，也无iframe的纵向滚动条了
cymbidium999
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe安全问题
yanner_的博客
08-05 8319
1.iframe 有些时候我们的前端页面需要用到第三方提供的页面组件，通常会以iframe的方式引入。典型的例子是使用iframe在页面上添加第三方提供的广告、天气预报、社交分享插件等等。 iframe在给我们的页面带来更多丰富的内容和能力的同时，也带来了不少的安全隐患。因为iframe中的内容是由第三方来提供的，默认情况下他们不受我们的控制，他们可以在iframe中运行JavaScirpt脚...
Vue iframe之间通讯
前端李小白的博客
08-10 3615
1、主应用通过在iframe的onload事件中，使用postMessage向子应用进行数据交互 2、子应用在mounted阶段通过监听onmessage事件进行接收事件 主应用 <template> <div v-tip="loading" :style="'height:' + (isQiankun ? qiankunHeight : height)"> <iframe ref="iframe" :src="src" fram
iframe的onload事件
qq_27009517的博客
07-14 1万+
很多时候，我们会需要改变一个iframe的地址（src属性），或者使用表单(form)的target在指定的iframe进行提交后，在 iframe加载完毕(onload)时立即响应某个操作，以提高WEB应用程序的价值。本文讨论了跨浏览器的iframe onload事件的监听方法。 如果你没时间去阅读全文，可以看解决方案的内容概要： 同域的页面嵌套，最好的是让内嵌的页面调用父页面的函数，如 window.parent.callparentFunctoin()。 如果是异域，或者子页面已存在且无法修改，
认识iframe
喜欢文学的程序员
09-02 4251
最近的工作经常能用到iframe标签, 到目前为止对iframe的特性了解甚少, 以至于在使用的时候难以得心应手, 遂利用周末的时间来学习一下. 一. iframe是什么及作用 iframe是嵌入式框架, 是html标签, 还是一个内联元素, iframe 元素会创建包含另外一个文档的内联框架（即行内框架) . 说白了, iframe用来在页面嵌入其他页面. 二. iframe的优缺点...
iframe内嵌标签
Sapling
08-19 2032
iframe标签可以在页面中内嵌一个html页面，可以帮助到我们解决很大的忙 iframe基本使用规则 直接在iframe标签中通过src属性导入html页面即可 <iframe src="/map/map.html"></iframe> iframe常见的属性 height 高度 width 宽度 scrolling 在框架内是否可以滚动 参数 auto, n...
iframe返回问题
一入前端深似海
07-14 3344
<iframe ref="iframe"></iframe> 替换src的时候不能直接替换，得覆盖之前src set(src) { this.$refs.iframe.contentWindow.location.replace(src) } 详情请移步 => https://www.jianshu.com/p/d88148184b79 ...
iframe 布局
习惯向左的博客
03-19 2897
iframe 简单的使用 iframe.html <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" ...
iframe API用法
qq_35176916的博客
12-10 1999
代码： parent.html &lt;head&gt; &lt;script type="text/javascript"&gt; function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say...
iframe 标签
热门推荐
过客如期的博客
10-27 8万+
一，什么是iframe 1.iframe是html元素，用于在网页中内嵌另一个网页。 2.iframe默认有一个宽高,存在边界 3.iframe是一个行内快级元素，可以通过display修改 二，iframe元素属性介绍 1.src : 指定内联网页的地址 2.frameborder: iframe默认有个边界，可以设置frameborder为0清除边界。 3.width,height: 控制iframe的宽高。 4.name： 框架的名称 5.scrolling： 是否可滚动，yes ,no , auto
iframe提交表单
捣蛋的博客
07-11 3560
iframe 提交表单方法一：iframe 提交表单需要设置 iframe的name属性 和 from表单的target 为相同的值 方法二：用ajax 提交 ，在表单中设置一个隐藏域&lt;input  id="addlist" name="addlist" value="" type="hidden"&gt;把表单中的元素封装到一个数组中，再把数组的值放到隐藏域中，将隐藏域的值作为参数提交给后...
Extjs6-iframe-优化.rar
12-26
这个名为"Extjs6-iframe-优化.rar"的压缩包文件似乎包含了一个针对ExtJS6的特定插件——IFrame.js的优化方案。IFrame，全称Inline Frame，是HTML中的一个元素，用于在一个网页中嵌入另一个网页，实现页面的复合展示...
Iframe demo
05-02
"Iframe demo"是一个示例，展示了如何使用iframe来实现特定的功能，即根据iframe内部事件改变父页面的颜色。在本示例中，我们将会探讨`iframe`的基本概念、如何创建和使用`iframe`，以及如何通过`iframe`与父页面...
iframe跨域常用问题和iframe页面自适应
08-20
本篇文章将深入探讨两个关键知识点：`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念，它限制了浏览器从一个源获取另一个源的资源，以保护用户的安全。当`iframe...
IE6 innerHTML写入的iframe src不显示BUG的解决方法
09-25
这个问题是由于IE6的一个已知兼容性问题，具体表现为`iframe`在`innerHTML`中插入后无法正确加载其`src`属性指向的资源。本文将详细探讨这个问题的原因以及解决方法。 首先，我们需要了解`innerHTML`的工作原理。`...
iframe-resizer-react:Iframe-Resizer的官方React界面
04-27
iframe尺寸调整器React 该库是用于的官方React接口，该接口可自动调整相同和跨域iFrame的高度和宽度，以适应其包含的内容。 它提供了一系列功能来解决使用iFrame时最常见的问题，其中包括： 将iFrame的高度和宽度...
基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业）
08-06
基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业）含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的项目，期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。 基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业） 基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业） 基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业） 基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业） 基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业） 基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业） 基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业）基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明（大作业）基于Python+OpenCV实现双目立体视觉的图像匹配与测距代码+文档说明。
专卖店销售数据统计表（销售管理分析）.xls
最新发布
08-06
销售管理表，财务报表，占比分析，消费能力分析，数据分析表，产品销售，客户关系 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
框架：战略思考、澄清与解码落地规划.pptx
08-06
框架：战略思考、澄清与解码落地规划.pptx
2021年最新易支付修复版源码/支持微信支付宝官方接口和码支付网信钱包等/个人也能用的易支付商户系统
08-06
安装环境介绍:Linux + Nginx1.1x +PHP7.2 +MySql5.6 集合了微信官方+支付宝官方+易商户+码支付+易通商户+网信钱包免签即时到账接口,让个人用户也能用上好用的易支付商户系统,系统自带10套基础模板。 修复短信注册,替换成阿里云短信 后台更改为上传Logo和Logo链接 后台登录密码不明文 清除平台统计数据 删除不必要功能,优化性能体验前台新增无需验证注册方式 删除不必要功能,优化性能体验 修复前台不能上传收款二维码功能 修复后台无法保存码支付ID和KEY到数据库
数据资产管理.ppt
08-06
数据资产管理.ppt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值