在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