Page need to be nested in the iframe of cross-domain, height is not fixed, the page needs to be the height of the each page to get after the iframe adjust display via the js. The height of the page for themselves, discovery is always bigger than expected. After reference other people's blog, found turned out to be the cause of the w3c standards. Also is to in <Html> Prefix <! PUBLIC DOCTYPE HTML " -///DTD/W3C XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > Plus, after the document. The documentElement. ScrollHeight in IE and Chrome, can get the right normal full height, but firefox to get is too high; With the document. The body. ScrollHeight take the opposite is true. So finally adopted Math. Min (document. The documentElement. ScrollHeight, document. Body. ScrollHeight) get minimum height, normal. But with the W3C standards before the picture, there is a little different, such as line spacing of the page, IE will seem short, overlapping in some places. And CSS will be strictly is case sensitive. Reference the article url:
code is as follows:


<Script> The function getInfo () {var s=""; S +="web visible region wide:" + document. Body. ClientWidth; S +="web visible region high:" + document. Body. ClientHeight; S +="web visible region wide:" + document. Body. The offsetWidth + "(including the edges and the width of the scroll bar)"; S +="web visible region high:" + document. Body, offsetHeight + "(including line width)"; S +="text the full width of your page:" + document. Body. ScrollWidth; S +="high web text in full:" + document. Body. ScrollHeight; S +="web swept to high (ff) :" + document. The body. The scrollTop; S +="swept to the web page is high (ie) :" + document. The documentElement. ScrollTop; S +="swept to the left of your page:" + document. Body. ScrollLeft; S +="page on the body part:" + Windows. ScreenTop; S +="web page text part left:" + Windows. ScreenLeft; S +="high screen resolution:" + Windows. The screen.css height; S +="wide screen resolution:" + Windows. The screen.css width; S +="screen can use the workspace height:" + Windows. The screen.css availHeight; S +="screen available workspace width:" + Windows. The screen.css availWidth; S +="your screen set up is" + Windows. The screen.css colorDepth + "a color"; + s +="your screen Settings" window. The screen.css deviceXDPI + "pixels per inch";//alert (s); } getInfo (); </script> In my local test: in Internet explorer, FireFox and Opera. The document can be used under the body. The clientWidth document. Body. ClientHeight can obtain, is very simple, very convenient. And projects in the company: Opera still use document. Body. ClientWidth document. The body. The clientHeight but Internet explorer and FireFox USES the document. The documentElement. ClientWidth document. The documentElement. ClientHeight be W3C standards at work <! PUBLIC DOCTYPE HTML " -///DTD/W3C XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > If this tag is added in the page in IE:# 0 - #


This concludes the body part