这篇文章主要介绍了 javascript 实现框架高度随内容改变的方法, 实例分析了通过父页面及内容改变框架高度两种实现技巧, 具有一定参考借鉴价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 javascript 实现框架高度随内容改变的方法。分享给大家供大家参考。具体如下:
有两种方法:
一、就是通过父页面改变
这里要理解框架的两个属性 contentWindow 和 contentDocument 两个属性的意思和 window document 意思差不多,不同的是 contentWindow 所有浏览器都支持,contentDocument ie6,7 不支持,chrome 也不支持
- <iframe onload="change_height()"></iframe>
- function change_height(){
- var iframe=document.getElementById("iframe_id");
- //取得框架元素
- var i_height=iframe.contentWindow.document.body.scrollHeight||iframe.contentWindow.document.documentElement.scrollHeight;
- //取得框架内容的高度
- iframe.height=i_height;
- //改变
- }
二、就是通过内容改变
在内容页进行
- window.onload=function(){
- var iframe=parent.document.getElementById("iframe_id");
- //取得框架元素
- iframe.height=document.body.scrollHeight||document.documentElement.scrollHeight;
- //取得框架内容的高度并改变
- }
希望本文所述对大家的 javascript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0216/270331.html