ウェブサイトの設計:Footerをブラウザの底に固定します.

ウェブサイトを設計する時、もしあなたのあるページの内容がフルスクリーンでないならば、あなたのfooterはブラウザの底からとても遠いことができて、全体は見たところとても醜くて、ここはJavaScriptで1種の方法を提供してfooterをブラウザーの底で固定します.1function fixFooter(){2    var mainHeight = document.getElementById('main'・).offsetHeight;3    var  height = document.documentElement.clientHeight4                         - document.getElementById("header"・).offsetHeight5                         - document.getElementById("footer"・).offsetHeight;6    if(mainHeight  < height ){7        document.getElementById('main').style.height= height + "px"・;8    }9}その中で、mainはあなたのウェブページの内容のidで、headerはメニューのidで、footerはfooterのidです.ウェブサイトの内容の高さがどれぐらい小さい時、headerとfooterの高さを取得して、document.documentElement.clientHeightで彼らを差し引いて、残りはmainの高さです.しかし、コードを実行すると、まず底から少し距離があります.そして最後までやりきれないです.このように見えます.次の文を加えてこのプロセスを隠すことができます.ホームページを開けば、footerは底にあります.1document.getElementById('main').style.overflow="hidden"・;私たちはJavaScriptを通じてブラウザの属性について多くを取得できます.ここには各属性の取得とその意味が記載されています.
ページの表示領域は広いです.document.body.client Width
ページの可視領域は高いです.document.body.clientHeight
ページの可視領域の幅:Dcument.body.offset Width(境界線の幅を含む)
ウェブページの可視領域の高さ:Dcument.body.offset Height(境界線の高さを含む)
ページの全文の幅:Dcument.body.scrollWidth
ホームページの全文は高いです.Dcument.body.scrollHeight
ページが巻かれている高さ:Dcument.body.scrollTop
ページが巻かれている左:document.body.scrollLeft
ホームページの本文の部分:window.screenTop
ページの本文部分左:window.screenLeft
スクリーン解像度の高さ:window.screen.height
画面解像度の幅:window.screen.width
スクリーン使用可能ワークエリアの高さ:window.screen.avail Height
スクリーン使用可能ワークエリアの幅:window.screen.avail Width
もちろん、もしfooterをブラウザの底にずっといてほしいなら、CSSで解決できます.1#footer{2　　position: fixed・;3　　right: 0・;4　　left: 0・;5　　z-index: 1030・;6　　bottom: 0・;7　　margin-bottom: 0・;8}このようにfooterはずっとブラウザの底にあります.
原文の由来:http://www.iteblog.com/archives/1205