jquery实现Iframe高度自适应(兼容多浏览)

在实际项目中,很多地方可能由于历史原因不得不去使用iframe,从而再次开发的工作量!
随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固定而显示出来的滚动条,不仅影响美观,还会对用户操作带来不便。于是自动调整iframe的高度就成了重点。
飞信空间引入了强大的jQuery,所以我索性用了jQuery来实现根域相同情况下iframe的高度自适应。
HTML主页面之iframe代码如下,注意加ID:

<iframe id="frame_con" src="bb.html" frameborder=0 scrolling=no style="margin-left:0px;margin-top:-3px;width:785px;height:550px;float:right;"></iframe>
bb.html中JS代码如下:

//引入jQuery <script src="http://res.func.fetionpictest.com/js/public/jquery-1.3.2.min.js?2011122701" type="text/javascript"></script> <script type="text/javascript"> //document.domain = "fx-func.com";//指向根域 $(window.parent.document).find("#frame_con").load(function(){//绑定事件 var main = $(window.parent.document).find("#frame_con");//找到iframe对象 var thisheight = $(document).height()+30;//获取页面高度 main.height(thisheight < 500 ? 500 : thisheight);//为iframe高度赋值如果高度小于500,则等于500,反之不限高,自适应 }); </script>
另一种方法就是把JS放到页面aa.html,既和iframe同样页面

$("#frame_con").load(function(){ var thisheight = $(this).contents().find("body").height()+30; $(this).height(thisheight < 500 ? 500 : thisheight); });

相关内容推荐

html中用js调用ASP文件,实现静态页面动态显示

html中用js调用ASP文件,实现静态页面动态显示,比如HMTL文章的动态新闻评论等 ---简单版[调用代码,把他放哪儿,就在哪儿显示]-------- script language="javascript" src="asdf.asp"/script-----asdf.asp文

用ASP生成Excel文件

用asp生成Excel文件不是像我认为的那么容易。我想这小段代码应该能帮助大家找到输出数据到csv和xls的方法。 %@LANGUAGE="VBSCRIPT" CODEPAGE="936"%meta http-equiv="Content-Type" content="text/html; charset=

怎样用ASP压缩文件

多数的时候我们需要压缩文件,保存到特定的位置,或者你可以使用它实现所有你想要的效果。 我们需要服务器支持WScript.Shell-多数的站长都不会允许这样的。 这里你可以获取下载链接

获得当前页面地址和来路地址

当前页面地址: html="http://" html=htmlRequest.ServerVariables("Server_Name") html=htmlRequest.ServerVariables("URL") ifrequest.ServerVariables("QUERY_STRING")""then html=html"?"Request.ServerVariables("QUERY_STRING") endif session("

实现多条件模糊查询SQL语句

很多网友问到如何写模糊查询语句和多条件查询,这里我整理了一下,假设以姓名、性别、电话号...作为数据库中的字段名。 通常写一个简单的模糊查询的SQL语句格式可以如下例: sq

返回
顶部