本文實例講述了JS實現點擊按鈕獲取頁面高度的方法。分享給大家供大家參考，具體如下：
這是一個JavaScript特效代碼，點擊獲取網頁高度，在ie6下實現position-fixed的效果，另外針對遮罩的問題（大概是做lightBox吧），個人覺得純css法（不包括其顯示/隱藏）將更適合。
運行效果截圖如下：
在線演示地址如下：
http://demo.VeVB.COm/js/2015/js-click-btn-web-height-codes/
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JavaScript點擊獲取網頁高度</title><style type="text/css">html,body { overflow:hidden; height:100%; margin:0; padding:0;}div { height:100%; overflow:auto;}</style><script language="javascript">function getHeight(){ var wrapDiv=document.getElementById("wrapDiv"); alert("document.body.offsetHeight:" + document.body.offsetHeight); alert("document.body.scrollHeight:" + document.body.scrollHeight); alert("wrapDiv.offsetHeight" + wrapDiv.offsetHeight); alert("wrapDiv.scrollHeight:" + wrapDiv.scrollHeight);}</script></head><body><div id="wrapDiv"><input class="e_button" type="button" onclick="getHeight();" value="點擊獲取頁面高度" /><br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br />內容<br /></div></body></html>希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
