ホームページ >ウェブフロントエンド >CSSチュートリアル >iframe の高さを適応させる (xhtml をサポート) IE Firefox 互換_エクスペリエンス交換

iframe の高さを適応させる (xhtml をサポート) IE Firefox 互換_エクスペリエンス交換

WBOYオリジナル: 2016-05-16 12:08:071786ブラウズ

arrayPageScroll = new Array('',yScroll); 
    return arrayPageScroll; 
}

var windowWidth, windowHeight; 
    if (self.innerHeight) {    // all except Explorer 
        windowWidth = self.innerWidth; 
        windowHeight = self.innerHeight; 
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode 
        windowWidth = document.documentElement.clientWidth; 
        windowHeight = document.documentElement.clientHeight; 
    } else if (document.body) { // other Explorers 
        windowWidth = document.body.clientWidth; 
        windowHeight = document.body.clientHeight; 
    }     
     
    // for small pages with total height less then height of the viewport 
    if(yScroll < windowHeight){ 
        pageHeight = windowHeight; 
        document.write("page height is : " + pageHeight + "
"); 
    } else {  
        pageHeight = yScroll; 
        document.write("page height is : " + pageHeight + "
"); 
    }

if(xScroll < windowWidth){     
        pageWidth = windowWidth; 
        document.write("page width is : " + pageWidth + "
"); 
    } else { 
        pageWidth = xScroll; 
        document.write("page width is : " + pageWidth + "
"); 
    }

arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)  
    return arrayPageSize;

}  
--> 
</script><div style="background:#EBEBEB;text-align:center;height:300px;">
    <h3><script language="javascript">getPageSize()</script></h3>
</div>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：div cssの配置と配置応用を詳しく解説次の記事：div cssの配置と配置応用を詳しく解説

続きを見る

iframe の高さを適応させる (xhtml をサポート) IE Firefox 互換_エクスペリエンス交換

関連記事