让iframe根据内容自动调整高度~~~
来源:互联网 发布:苹果windows双系统安装 编辑:程序博客网 时间:2024/05/28 05:18
网上很容易搜到在嵌入的页面的onload事件中调用如下代码的方法:
parent.document.all(self.name).height=document.body.scrollHeight;
就是这个方法不假,但还有一点是不可不加的,那就是expires,如果不禁止网页缓存,恐怕你是别想得偿所愿的。方法也很简单,在主页及嵌入页中加入如下内容:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
如此定当包你满意,简单示例如下。
主页面内容:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0014)about:internet -->
<html>
<head>
<title>ifame自动高度</title>
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
<meta http-equiv="Content-Type" content="text/html;">
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" >
<table id="tab1" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><iframe name="ifm" src="embed.htm" width="100%" frameborder="0" marginheight="0"
marginwidth="0" hspace="0" vspace="0"></iframe></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
嵌入页面embed.htm内容:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0014)about:internet -->
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Expires content=0>
<META http-equiv=Cache-Control content=no-cache>
<META http-equiv=Pragma content=no-cache>
<script language="javascript">
function setparentheight(){
parent.document.all(self.name).height=document.body.scrollHeight;
}
</script>
</HEAD>
<BODY onload="setparentheight();">
<TABLE name="tab1" class=center cellSpacing=0 cellPadding=0 width="100%">
<tr><td> </td><td>1</td><td> </td></tr>
<tr><td> </td><td>2</td><td> </td></tr>
<tr><td> </td><td>3</td><td> </td></tr>
<tr><td> </td><td>4</td><td> </td></tr>
<tr><td> </td><td>5</td><td> </td></tr>
<tr><td> </td><td>6</td><td> </td></tr>
<tr><td> </td><td>7</td><td> </td></tr>
<tr><td> </td><td>8</td><td> </td></tr>
<tr><td> </td><td>9</td><td> </td></tr>
</TABLE>
</BODY>
</HTML>
你可以增加embed.htm中表格的行试试,iframe不会有滚动条,只有主页面的一条滚动条。其实技术很简单,特此铭记,以备日后再用。
原文链接http://hi.baidu.com/doufulo/blog/item/2976c3a9b71279f61e17a217.html
- 让iframe根据内容自动调整高度~~~
- 根据内容自动调整IFrame高度
- iframe 的高度根据内容自动调整
- 根据内容自动调整iframe框架高度
- 根据内容自动调整IFrame高度
- 让UIWebView根据内容自动调整高度
- jquery控制iframe根据内容高度自动调整问题。
- 根据内容调整iframe的高度
- 根据内容调整iframe的高度
- 根据内容调整iframe的高度
- iframe根据内容自动调整长度.
- 使IFrame根据内容自动调整大小
- iframe自动根据内容调整大小
- iframe根据内容自动调整高度,在ie,firfox可行,opera不行
- 根据内容自动调整高度的cell
- UILabel根据内容自动调整高度
- UILabel根据内容自动调整高度
- 如何让iframe自动适应内容高度
- linux 配置path
- 一步一步 下载androdi for CyanogenMod源代码 图文教程。
- WebLogic v9.2 EJB和JNDI Demo
- 在头文件中使用static定义变量意味着什么
- ExtJs 学习笔记 Ext.DomHelper 学习
- 让iframe根据内容自动调整高度~~~
- const内存分配
- 从 Remote Service Binding 学习 AIDL 与 IPC
- UDP协议疑难杂症全景解析
- Java中==和equals的区别
- 软考查漏补缺---1
- 软件测试计划模板
- IPC框架分析 Binder,Service,Service manager
- 千万数量级分页存储过程