如何调整一个 IFrame 到其内容的大小不显示滚动条

注意:这篇文章是由无人工介入的自动的机器翻译系统翻译完成。这些文章是微软为不懂英语的用户提供的, 以使他们能够理解这些文章的内容。微软不保证机器翻译的正确度,也不对由于内容的误译或者客户对它的使用所引起的任何直接的, 或间接的可能的问题负责。
文章编号 : 278469
最后修改 : 2006年11月23日
修订 : 4.1

概要

在某些情况下, 您可能希望调整一个 IFrame 以便看到, 但没有滚动条都显示在网页上所有文档内容 本文介绍如何执行此。

更多信息

确定大小的 IFrame 的内容, 必须访问基础 IFrame 文档的高度和宽度属性。 因为只有脚本访问页面, 同一域中承载您只能访问属性以例如, (跨框架脚本) 同一域中承载页。 因此, 的 IFrame 源文档必须来自相同域与页包含 IFrame。

以下代码演示如何调整这样一个 IFrame。 创建新的 .htm 文档, 并粘贴以下 HTML 代码。 对于 IFrame, SRC 属性中必须提供来自相同域, IFrame 加载 HTML 页。

注意 : 如果有绝对定位元素, IFrame 中都驻留该技术可能无法正常运行。

<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
<!--
function reSize()
{try{   var oBody   =   ifrm.document.body;var oFrame   =   document.all("ifrm");oFrame.style.height = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight);oFrame.style.width = oBody.scrollWidth + (oBody.offsetWidth - oBody.clientWidth);}//An error is raised if the IFrame domain != its container's domaincatch(e){window.status = 'Error: ' + e.number + '; ' + e.description;}
}
//-->
</SCRIPT>
</HEAD>
<BODY onload=reSize()><iframe onresize=reSize() id=ifrm src=YOUR_PAGE_HERE></iframe>
</BODY>
</HTML>

本示例使用 尝试 和 catch 来检查域一致性, 它只可与 Internet Explorer 5 或更高版本。 检查此错误是为了举例, 没有绝对必要 ; 它只允许脚本以正常失败。

Microsoft 提供编程示例仅, 用于说明目的不附带任何明示或暗示, 包括但不限于, 暗示保证了适销性和/或用于特定目的适用性,。 本文假设您是熟悉正在演示编程语言和工具用于创建和调试过程。 Microsoft 支持专家可以帮助解释了某个特定过程, 功能但是它们不会修改这些示例以提供添加功能或构建过程以满足您特定需要。 如果您具有有限编程经验, 要联系 Microsoft 认证合作伙伴或 Microsoft 收费咨询行 (800) 936 - 5200 上。 有关 Microsoft 认证伙伴, 请访问下列 Microsoft Web 站点:

https://partner.microsoft.com/global/30000104 (https://partner.microsoft.com/global/30000104)

有关如何联系 Microsoft, 有关可支持选项和请访问以下 Microsoft 网站:

http://support.microsoft.com/default.aspx?scid=fh;EN-US;CNTACTMS (http://support.microsoft.com/default.aspx?scid=fh;en-us;cntactms)

参考

有关其他信息, 请单击下面以查看 Microsoft 知识库中相应文章编号:

167796 (http://support.microsoft.com/kb/167796/EN-US/) PRB: 当跨框架脚本权限拒绝错误信息

更多有关信息测量元素尺寸和位置, 请参阅以下 Microsoft Developer Network (MSDN) Web 站点:

http://msdn.microsoft.com/workshop/author/om/measuring.asp (http://msdn.microsoft.com/workshop/author/om/measuring.asp)

更多有关开发基于 Web 的解决方案用于 MicrosoftInternetExplorer, 请访问下列 Microsoft Web 站点:

http://msdn.microsoft.com/ie/ (http://msdn.microsoft.com/ie/)

http://support.microsoft.com/iep (http://support.microsoft.com/iep)


这篇文章中的信息适用于:
Microsoft Internet Explorer 4.0 128-Bit Edition
Microsoft Internet Explorer 4.01 Service Pack 2
Microsoft Internet Explorer 4.01 Service Pack 1
Microsoft Internet Explorer 4.01 Service Pack 2
Microsoft Internet Explorer 5.0
Microsoft Internet Explorer 5.01
Microsoft Internet Explorer (Programming) 5.01 SP1
Microsoft Internet Explorer 5.5
关键字:
kbhowto kbdhtml kbsbnworkshop KB278469 KbMtzh kbmt
Microsoft和/或其各供应商对于为任何目的而在本服务器上发布的文件及有关图形所含信息的适用性,不作任何声明。 所有该等文件及有关图形均"依样"提供,而不带任何性质的保证。Microsoft和/或其各供应商特此声明,对所有与该等信息有关的保证和条件不负任何责任,该等保证和条件包括关于适销性、符合特定用途、所有权和非侵权的所有默示保证和条件。在任何情况下,在由于使用或运行本服务器上的信息所引起的或与该等使用或运行有关的诉讼中,Microsoft和/或其各供应商就因丧失使用、数据或利润所导致的任何特别的、

原文地址:http://support.microsoft.com/kb/278469/

转载于:https://www.cnblogs.com/Apollo/archive/2007/01/31/635806.html

如何调整一个 IFrame 到其内容的大小不显示滚动条[微软帮助]相关推荐

  1. 【转】如何调整一个 IFrame 到其内容的大小不显示滚动条[微软帮助]

    概要 在某些情况下, 您可能希望调整一个 IFrame 以便看到, 但没有滚动条都显示在网页上所有文档内容 本文介绍如何执行此. 更多信息 确定大小的 IFrame 的内容, 必须访问基础 IFram ...

  2. css:overflow-y: scroll内容未超出也显示滚动条

    原来的css设置如下 /* 始终显示滚动条 */ overflow-y: scroll 内容总是有一个距离没有撑满,发现是滚动条的问题,需要修改滚动条属性 /* 内容超出显示滚动条,未超出不显示滚动条 ...

  3. 调整eclipse、SpringToolSuite4编辑器的内存大小以及显示

    我们的Eclipse.SpringToolSuite4编辑器总是会因为内存太小发生卡顿或者卡死现象,我给大家提供一个方法来解决,希望能在这里帮到大家,谢谢!!! 设置内存大小 修改Eclipse的配置 ...

  4. html设置鼠标不能上下滚动条,鼠标上下滚动内容左右滚动不显示滚动条

    例: 001.jpg 002.jpg 总部(中国) 山东省 德州市 夏津县 后屯乡镇 *{ list-style: none; padding: 0; margin: 0; box-sizing:bo ...

  5. javscript 实现iframe加载内容页出现LOADING效果

    来源:http://www.cnblogs.com/micheng11/archive/2009/03/31/1425883.html iframe加载内容页实现LOADING效果,即iframe加载 ...

  6. jq修改iframe html代码,使用jQuery替换iframe的所有内容(包括doctype和html标签)

    在stackoverflow上还有很多其他帖子提出几乎相同的问题,但在迄今为止我读到的所有答案中,他们没有解决如何实质上替换iframe的整个文档,包括DOCTYPE和html标签.使用jQuery替 ...

  7. 微信小程序开发--如何在swiper中显示两个item以及下一个item的部分内容

    如何在swiper中显示两个item以及下一个item的部分内容 我所实现的效果 我实现的代码 <!--图片轮播图--><!--要展示两个item 以及下一个item的部分内容,ci ...

  8. 这是一个测试rss的内容哦

    这是一个测试rss的内容哦 转载于:https://www.cnblogs.com/cbyniypeu/p/6725675.html

  9. html 倒计时字体消失,最简单的一个网页倒计时代码 时间到期后会显示出提醒内容 收藏版...

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 很多时候我们都是需要提醒自己做什么事情的,像我这么健忘的,更加需要倒计时之类的记录来提醒自己,这是我找到最简单简介的代码了! 最简单的一个网页倒计时代码 ...

  10. shell 练习题02 一个文件里将内容三行显示为一行

    要求: 一个文件里将内容三行显示为一行 思路:是将第二行的内容,第三行的内容依次附加到第一行中,这样三行的内容就能变为一行,如果不够三行自动融为一行,具体如下 [root@chy shell]# ca ...

最新文章

  1. Data - 数据思维 - 上篇
  2. OpenStack环境搭建(四:web控制端各节点的部署及配置)
  3. 2020移动apn接入点哪个快_为什么都是4G网你的就没别人快?跟我这样设置,网速直线提升...
  4. 透视 CES 2018:不容错过的四大科技趋势
  5. eclipse mac 下载php文件夹,PHP Pydev Eclipse (linux or mac)
  6. esp8266电池供电方案_硬核干货!十大5G基站电源改造方案
  7. 如何向 Microsoft 管理控制台添加证书管理器
  8. Jersey和Spring Boot入门
  9. struct结构体初始化3种方法
  10. eclipse web项目中css无法显示
  11. 设置mybb论坛后台显示为中文
  12. MySQL 大数据量分页性能优化
  13. jbox弹窗_关于使用 jBox 对话框的提交不能弹出问题解决方法
  14. Unity3d知识点
  15. Java实现猜拳游戏
  16. 51单片机中断程序大全
  17. CodeLite配置
  18. 胆固醇PEG胆固醇,CLS-PEG-CLS
  19. 七升七降调号_降7是什么调?
  20. python实现多EXCEL表格合并xls、xlsx格式

热门文章

  1. height100%不能生效问题解决
  2. 03.Java语言基础
  3. 深入解析字符串的比较方法:“==”操作符;String.Equals方法;String.Compare方法;String.CompareOrdinal方法。...
  4. IE6不支持CSS的属性选择器
  5. Silverlight WCF RIA服务(二十九)Silverlight 客户端 10
  6. 过去的七天我是这样过的
  7. 08.存储Cinder→5.场景学习→12.Ceph Volume Provider→5.Detach Volume
  8. nginx 服务器并发优化
  9. HTML5 浏览器返回按钮/手机返回按钮事件监听
  10. AngularJS 讲解五, Factory ,Service , Provider