MVC布局页面嵌入Iframe子页面,显示不完整
2017-11-07 11:54
197 查看
参考来源:http://caibaojian.com,感谢原文作者,原文链接:http://caibaojian.com/iframe-adjust-content-height.html,由于比较实用怕忘记,所以就转载了。
MVC布局页面嵌入Iframe子页面,显示不完整,怎么解决?
JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。
如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有几种情况了。
下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然后在主页面进行设置来实现。代码如下,可复制。另外,请注意此解决方案仅供同域名下使用。
MVC布局页面嵌入Iframe子页面,显示不完整,怎么解决?
JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。
如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有几种情况了。
分别 为 同域下的iframe自适应高度 和 跨域下的iframe自适应高度
下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然后在主页面进行设置来实现。代码如下,可复制。另外,请注意此解决方案仅供同域名下使用。<script type="text/javascript"> function SetCwinHeight(){ var iframeid=document.getElementById("iframeid"); //iframe id if (document.getElementById){ if (iframeid && !window.opera){ if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight){ iframeid.height = iframeid.contentDocument.body.offsetHeight; }else if(iframeid.Document && iframeid.Document.body.scrollHeight){ iframeid.height = iframeid.Document.body.scrollHeight; } } } } </script> <iframe id="frmContent" src="@Url.Action(PageData["actionparam"], PageData["controllerparam"])" f frameborder="0" scrolling="no" style="width:100%;min-height:800px; margin:0 auto;"></iframe>
相关文章推荐
- 在ASP.NET MVC 如何在Response.StatusCode = 404的同时,显示友好的自定义错误页面
- Recycleview实现复杂页面三种以上布局 瀑布流多布 scrollview嵌套recyclerView 显示不全滑动冲突
- asp.net mvc页面为何不能显示Flash(.swf)动画的原因
- .net中,读取XML在页面显示,布局用Repeater控件
- jQuery实现页面顶部显示的进度条效果完整实例
- MVC的Controller-Action布局:单独的创建/编辑页面还是创建/编辑/查看一体的页面?
- 综合练习之--1、复用布局页面显示XLV 和 侧滑 vp效果
- 在Flex中嵌入完整HTML页面
- div+css:页面整体布局居中显示:上下居中||垂直居中,左右居中||水平居中
- 综合练习之--1、复用布局页面显示XLV 和 侧滑 vp效果
- 在Flex中嵌入完整HTML页面
- 经典页面布局,任何分辨率下,全屏显示
- JSP页面 鼠标移动到页面元素上时,显示完整内容
- MVC的Controller-Action布局:单独的创建/编辑页面还是创建/编辑/查看一体的页面?
- IFRAME嵌入页面,只显示中间一部分,其他的都不要
- ASP.NET MVC 搭建简单网站 --1.前端页面布局和基本样式实现
- Asp.net MVC area文件夹下设置默认显示页面
- JS实现HTML页面中动态显示当前时间完整示例
- MVC的Controller-Action布局:单独的创建/编辑页面还是创建/编辑/查看一体的页面?
- springmvc + freemarker 解决表单提交、页面显示乱码 的问题