日期:2014-05-16  浏览次数:20353 次

如何在有很多图片的iframe页面中用js动态设置iframe的高度

iframe的网页中用js动态设置iframe的高度不难,
如果iframe加载的网页中包含了很多的图片
这些图片的加载会受到网速的影响,
会有很多延迟
那该如何动态设置iframe的高度,
而不受这些图片的延时的影响呢?

下面给出示例函数

var PWin = parent.window, PDoc = PWin.document;

var resetIframeHeight = function(sid) {

? ? if (PWin && PWin != window) {

? ? ? ? var d = PDoc.getElementById(sid);

? ? ? ? var dImgs = document.getElementsByTagName('img');

? ? ? ? if (d) {

? ? ? ? ? ? d.getElementsByTagName('iframe')[0].style.height = document.body.scrollHeight + 'px';

? ? ? ? ? ? for (var i=0;i<dImgs.length;i++) {

? ? ? ? ? ? ? ? dImgs[i].onload = function() {

? ? ? ? ? ? ? ? ? ? d.getElementsByTagName('iframe')[0].style.height = document.body.scrollHeight