iframe自适应高度代码教程大全.docVIP

iframe 自适应高度代码教程大全 知识简介：在网页设计中，很多地方不得不去使用iframe，包括目前正火热的应用开发也是如此，随之而来的就是在实际使用iframe中，会遇到iframe 自适应高度的问题，由于被嵌套的页面长度不固定而显示出来的滚动条，不仅影响美观，还会对用户操作带来不便，本文将为您提供最全面的iframe 自适应高度解决方案及相关代码。 教程快捷链接：iframe跨域自适应教程：?/a/web/art/162900_3.htmliframe跨域自适应代码下载：/daima/iframe/iframe_1.rariframe同域自适应代码下载：/daima/iframe/iframe_2.rar原文地址：/a/web/art/162900.html 小知识： 一.为什么需要Iframe由于Iframe相当于独立的窗体，因此可以动态改变Iframe中的稳当的内容，而没有必要改变其他的元素。正是因为这个特点，所以Iframe在某方面就显示了它的优越性，还可以减少重复载入网页中已经存在的标题，导航蓝等元素；另外可以实现导航功能。 二.如何在网页中动态嵌入其他网页代码如上所述，通过IFrame可以实现动态的改变页面中某部分内容，而无须刷新整个页面，那有没有其他方式可以实现动态的改变网页的内容，而无须刷新整个页面方法呢？通过在网络上搜索，学习。发现了一些其他方法：1.AJAX,（Asynchronous JavaScript And XML）。总体来说，它是各种技术的综合。通过XMLHttpRequest动态的请求服务器的页面数据，然后在客户浏览器端，改变网页中某些元素的内容，但无须重新下载整个页面，正是因为这个特性，所以AJAX被很多地方应用。也得到了很大发展，但使用AJAX的前提是要编写很多脚本文件。相对使用IFrame来说，稍微复杂一点。不过很多书已经给了很多参考。AJAX In Action等都可以作为学习使用。2.通过使用页面对象object type=text/html data=test.htm.可以实现内嵌页面元素，但由于不能（或许是我没有找到）高度的动态扩展，因此显示起来，不是我想要的效果。因此没有采用。 三.使用Iframe的限制。并不是所有的浏览器都支持Iframe元素的。目前主要的浏览器包括IE、Firefox、Opera等。其余很多浏览器主要是基于IE,Netscape,等内核。但Iframe只在IE,Opera浏览器中被支持。所以如果必须使用，则必须保证所使用的浏览器基于IE,Opera等内核。关于浏览器平台介绍，请参考这篇文章：/data/2005/1221/article_3747.html 四.网上存在的iframe 自适应高度?的解决方案：目前只要你在Google中搜索iframe 自适应，就可以得到很多有关iframe 自适应高度的解决方法，YYCYS知识网收集整理并做了这篇相对比较全面的iframe 自适应教程，大致可分为以下几种方法来实现：（温馨提示：本教程仅供参考，如果您还有更好的解决方法或相关代码请在本文下面留言分享，帮助别人就是帮助自己，谢谢！）（来源： ） ?教程一：采用MicroSoft扩展的javascript的实现 原文：代码如下： htmlhead? meta?http-equiv=Content-Type?content=text/html;?charset=gb2312? meta?name=GENERATOR?content=Microsoft?FrontPage?4.0? meta?name=ProgId?content=FrontPage.Editor.Document? titleNew?Page?1/title? /head? body? IFRAME?id=test?name=test?frameBorder=0?scrolling=no?src=99:2500/cn/asp/reg.asp?width=100%?height=0/IFRAME? /body? /html? SCRIPT?FOR=window?EVENT=onload?LANGUAGE=JScript? document.all(test).height=test.document.body.scrollHeight;? /SCRIPT? (来源：) 重要提示：src= 中你填写的网页地址，一定要和本页面在同一个站点上，否则，会报错，说“拒绝访问！” 之前自己也碰到过这个问题，为了得到答案去网上搜索，发现有不少人也遇到了这样的问题，现在就把解决方法共享一下，超简单哦1、建立一个bottom.js的文件，然后输入下面的代码（只有两行哦） parent.