兼容各浏览器的iframe方法

摘要:
方法1:(推荐1)$(“#frame_content”).load(函数(

方法一:(推荐1)

<iframe src="http://t.zoukankan.com/Home/CreateGroup?classID=@ViewBag.ClassID" scrolling="no" frameborder="0" width="82%"></iframe>
<script type="text/javascript">
$("#frame_content").load(function () {
$(this).height($(this).contents().height());
})
</script>

方法二:

<iframe src="http://t.zoukankan.com/Home/GroupIndex?classID=@ViewBag.ClassID" scrolling="no" frameborder="0" onload="this.height=100" width="82%"></iframe>
<script type="text/javascript">
function reinitIframe() {
var iframe = document.getElementById("frame_content");
try {
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
} catch (ex) { }
}
window.setInterval("reinitIframe()", 200);
</script>

免责声明:文章转载自《兼容各浏览器的iframe方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇69、移动端布局-媒体查询 + rem单位布局高频交易算法研发心得--均线算法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Iframe自适应其页面高度[转]

程序代码: function SetWinHeight(obj) {  var win=obj;  if (document.getElementById)  {   if (win && !window.opera)   {    if (win.contentDocument && win.contentDocument...

layui弹出层之应用实例讲解

从酒店管理系统到智能门锁及其现在的资源共享平台,layui框架,我们团队用的比较多的就是这个layui弹出层。 layui弹出层,除了页面iframe层我们比较常用还有就是表单校验和其他相关的友好提示信息。 通常比较常用的方式是layui+jQuery,layui主要引用layui相关的js和css文件,jQuery的话,通常就是两个版本,压缩版和源码版,...

新手入门贴:史上最全Web端即时通讯技术原理详解

 关于IM(InstantMessaging)即时通信类软件(如微信,QQ),大多数都是桌面应用程序或者native应用较为流行,而网上关于原生IM或桌面IM软件类的通信原理介绍也较多,此处不再赘述。而web端的IM应用,由于浏览器的兼容性以及其固有的“客户端请求服务器处理并响应”的通信模型,造成了要在浏览器中实现一个兼容性较好的IM应用,其通信过程必然是...

C#上传视频等大文件

最近遇见一个需要上传超大大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的报文,丢包重传的概率也更大),用户不能刷新页面,只能耐心等待请...

in a frame because it set 'X-Frame-Options' to 'sameorigin'

不是所有网站都给 iframe嵌套的, 有的网站设置了 禁止嵌套!!! 浏览器会依据X-Frame-Options的值来控制iframe框架的页面是否允许加载显示出来, 看你们公司这么设置了!! add_header X-Frame-Options SAMEORIGIN; (1)DENY:不能被嵌入到任何iframe或frame中。 (2)SAMEORI...

使用vue-print-nb插件页面空白以及打印没有样式问题

在使用vue-print-nb中遇到两个问题: 第一个问题:点击打印后,打印的内容是一片空白 vue-print-nb的原理大概是在你的页面上创建一个iframe,然后把你要打印的那一个div抓出来给iframe。 如上图所示,最后把iframe添加到body中; 当我们点击‘打印’的时候,其实就是调用iframe的print()方法,这样浏览器就自动弹...