我正在尝试将固定数量的像素添加到动态 iframe 高度。如何将静态像素量添加到 iframe 高度?我正在使用这个 javascript 根据其内容调整 iframe 高度:
$(document).ready(function()
{
// Set specific variable to represent all iframe tags.
var iFrames = document.getElementsByTagName('iframe');
// Resize heights.
function iResize()
{
// Iterate through all iframes in the page.
for (var i = 0, j = iFrames.length; i < j; i++)
{
// Set inline style to equal the body height of the iframed content.
iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';
}
}
// Check if browser is Safari or Opera.
if ($.browser.safari || $.browser.opera)
{
// Start timer when loaded.
$('iframe').load(function()
{
setTimeout(iResize, 0);
}
);
// Safari and Opera need a kick-start.
for (var i = 0, j = iFrames.length; i < j; i++)
{
var iSource = iFrames[i].src;
iFrames[i].src = '';
iFrames[i].src = iSource;
}
}
else
{
// For other good browsers.
$('iframe').load(function()
{
// Set inline style to equal the body height of the iframed content.
this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
}
);
}
}
);
例如,当我在“px”之前添加数字“100”时,它只会在当前 iframe 高度旁边放置 100。因此,如果我的 iframe 高度为 200,那么如果我使用它,高度将为 200100:
iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + '100px';