iframe+div 实现动态扩展功能
2007-04-18 11:43
417 查看
调用页:
<html>
<head>
</head>
<body>
<iframe id="ifrmContent" src="a.htm" ></iframe>
</body>
</html>
内容页:
<html>
<head>
</head>
<body id="a" style="margin-top: 0; margin-bottom: 0; overflow: hidden;">
<div id="divContent" style="margin-top: 0; margin-bottom: 0; overflow: hidden;">
自从1996年CSS1的推出，W3C组织就建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层
。盒模型主要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。
</div>
</body>
</html>
<script language="javascript">
var divH;
divH = divContent.offsetHeight+divContent.scrollHeight;
parent.document.getElementById("ifrmContent").height=divContent.offsetHeight+18;
</script>
<html>
<head>
</head>
<body>
<iframe id="ifrmContent" src="a.htm" ></iframe>
</body>
</html>
内容页:
<html>
<head>
</head>
<body id="a" style="margin-top: 0; margin-bottom: 0; overflow: hidden;">
<div id="divContent" style="margin-top: 0; margin-bottom: 0; overflow: hidden;">
自从1996年CSS1的推出，W3C组织就建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层
。盒模型主要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。
</div>
</body>
</html>
<script language="javascript">
var divH;
divH = divContent.offsetHeight+divContent.scrollHeight;
parent.document.getElementById("ifrmContent").height=divContent.offsetHeight+18;
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 动态添加diV,实现了拖拽功能
- div加jquery实现iframe标签的功能
- jquery.Table实现的翻页功能比较完整漂亮，本想扩展个模版DIV
- HTML iframe 实现功能页面动态切换
- div中加入iframe，可以实现Ajax的功能
- 使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
- canvas保存为data:image扩展功能的实现
- shell脚本实现ssh自动登录-功能扩展，实现多个IP可选
- Javascript扩展String.prototype实现格式金额、格式时间、字符串连接、计算长度、是否包含、日期计算等功能
- canvas保存为data:image扩展功能的实现
- canvas保存为data:image扩展功能的实现
- C# WinForm开发系列 - ComboBox扩展，如可以实现复选功能
- 扩展arcgis flex symbol 显示报表功能，显示饼状图和柱状图,非用infoSymbol实现(二)
- jquery实现替代iframe的功能
- activiti 动态表单+easyui 实现启动流程功能(二)
- 页面嵌入隐藏iframe实现导出功能
- 动态加载dll，扩展系统功能
- IOS-使用framework实现功能模块动态更新
- 【原创】利用ajax技术实现动态双组合功能
- 几种location.href的区别 js实现网页防止被iframe框架嵌套功能