JS自適應(yīng)高度姆打,其實(shí)就是設(shè)置iframe的高度沧卢,使其等于內(nèi)嵌網(wǎng)頁的高度,從而看不出來滾動(dòng)條和嵌套痕跡嫩实。對于用戶體驗(yàn)和網(wǎng)站美觀起著重要作用刽辙。
如果內(nèi)容是固定的,那么我們可以通過CSS來給它直接定義一個(gè)高度甲献,同樣可以實(shí)現(xiàn)上面的需求宰缤。當(dāng)內(nèi)容是未知或者是變化的時(shí)候。這個(gè)時(shí)候又有幾種情況了晃洒。
iframe內(nèi)容未知慨灭,高度可預(yù)測
(如果在同個(gè)頂級域名下,不同子域名之間互通信息球及,設(shè)置document.domain="xxx.com")
function setIframeHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow || i frame.contentDocument.parentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
}
}
};
window.onload = function () {
setIframeHeight(document.getElementById('external-frame'));
};