IT猫扑网：您身边最放心的安全下载站！ 最新更新|软件分类|软件专题|手机版|论坛转贴|软件发布

您当前所在位置：首页 → 网络编程 → .Net编程 → 完美iframe自适应宽度和高度

完美iframe自适应宽度和高度

时间：2015/6/28来源：IT猫扑网作者：网管联盟我要评论(0)

　　在ie下能实现的功能，对照着FF下的方法与属性修改就行了。今天终于把这个问题彻底解决了，记录一下。

　　感谢https://www.cnblogs.com/Cheese_Ren/

　　js代码如下：

　　代码

　　//iframe高度自适应

　　function IFrameReSize(iframename) {

　　var pTar = document.getElementById(iframename);

　　if (pTar) {  //ff

　　if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {

　　pTar.height = pTar.contentDocument.body.offsetHeight;

　　} //ie

　　else if (pTar.Document && pTar.Document.body.scrollHeight) {

　　pTar.height = pTar.Document.body.scrollHeight;

　　}

　　}

　　}

　　//iframe宽度自适应

　　function IFrameReSizeWidth(iframename) {

　　var pTar = document.getElementById(iframename);

　　if (pTar) {  //ff

　　if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {

　　pTar.width = pTar.contentDocument.body.offsetWidth;

　　}  //ie

　　else if (pTar.Document && pTar.Document.body.scrollWidth) {

　　pTar.width = pTar.Document.body.scrollWidth;

　　}

　　}

　　}

　　使用方法如下：

　　<iframe src="Main.aspx" scrolling="no" frameborder="0" height="100%" id="mainFrame" width="100%" onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'></iframe>

关键词标签：iframe

相关阅读

文章评论
发表评论

热门文章 手把手教你用好LINQ to SQL手把手教你用好LINQ to SQL在.NET环境下为网站增加IP过滤功能在.NET环境下为网站增加IP过滤功能ASP.NET 如何避免页面重新整理时重复送出ASP.NET 如何避免页面重新整理时重复送出用Asp.net扩展ExtJS用Asp.net扩展ExtJS

相关下载

人气排行 asp.net表单提交方法GET\POST在ASP.NET中如何判断用户IE浏览器的版本Asp.net中messagebox的实现方法Asp.net中的web.config配置在ASP.NET MVC中实现大文件异步上传用Iformattable接口控制.Net中文本格式c#.Net经典面试题目用Asp.net扩展ExtJS