jQuery js iframe 自适应高度
2012-01-04 12:47
337 查看
方法一、jQuery
方法二:js
另转——————————————————————未验证
发表于
2011 年 04 月 22 日 由
前端开发-武方博
在网上找了很多的iframe自适应高度
的脚本,对浏览的的兼容性都不好。所以就想利用jquery
强大的兼容性,写一个iframe自适应高度
的脚本。
jquery
很强大,代码很简单:
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})
有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe
加载完毕之前绑定,否则不会执行。
以下是jQuery,load事件的概述
在每一个匹配元素的load事件中绑定一个处理函数。
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。
另外一种方法实现自适应iframe高度
自适应
function adjustIFramesHeightOnLoad(iframe
) {
var
iframe
Height = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);
$(iframe).height(iframeHeight);
}
<script type="text/javascript"> <!-- $(function(){ $("#workArea").load(function(){ var height = $(this).contents().find("#box").height() + 40; //这样给以一个最小高度 $(this).height( height < 400 ? 400 : height ); }); }); --> </script>
方法二:js
function dyniframesize(iframename) { var pTar = null; if (document.getElementById){ pTar = document.getElementById(iframename); } else{ eval('pTar = ' + iframename + ';'); } if (pTar && !window.opera){ pTar.style.display="block"; if (pTar.Document && pTar.Document.body.scrollHeight){ pTar.height = pTar.Document.body.scrollHeight; } } } //window.onload =dyniframesize("leftFrame");
另转——————————————————————未验证
发表于
2011 年 04 月 22 日 由
前端开发-武方博
在网上找了很多的iframe自适应高度
的脚本,对浏览的的兼容性都不好。所以就想利用jquery
强大的兼容性,写一个iframe自适应高度
的脚本。
jquery
很强大,代码很简单:
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})
有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe
加载完毕之前绑定,否则不会执行。
以下是jQuery,load事件的概述
在每一个匹配元素的load事件中绑定一个处理函数。
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。
另外一种方法实现自适应iframe高度
自适应
function adjustIFramesHeightOnLoad(iframe
) {
var
iframe
Height = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);
$(iframe).height(iframeHeight);
}
相关文章推荐
- jquery里iframe自适应高度
- 开发小技巧:jQuery处理自适应内容高度的iframe
- iframe 自适应高度的问题(jquery控制)
- js控制iframe的高度/宽度让其自适应内容
- 教你用jquery实现iframe自适应高度
- jquery 实现iframe 自适应高度
- JS实现iframe自适应高度的方法(兼容IE与FireFox)
- jquery iframe自适应高度代码(浏览器兼容)
- [转]iframe自适应加载页面高度-js实现
- 关于iframe的高度自适应问题(js)
- 非js实现iframe高度自适应实现
- iframe js自适应高度
- jquery iframe高度自适应
- jquery iframe自适应高度
- JS实现iframe框架自适应高度
- JQuery实现iframe自适应高度
- 【HTML/JS】实现iFrame自适应高度,原来很简单!
- jquery.load()使iframe随内容改变而自适应高度
- jquery实现Iframe高度自适应(兼容多浏览)