本文描述了JS通过点击按钮获取页面高度的方法。分享给大家参考，如下：

这是一个JavaScript特效代码。点击获取网页高度，实现ie6下的定位效果。另外，针对屏蔽的问题(大概是做lightBox)，我个人认为纯css的方法(不包括它的显示/隐藏)会更适合。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-click-btn-web-height-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /titleJavaScript点击获取网页的高度/title styletype=' text/CSS' html，body {overflow :隐藏；高度：100%；margin:0划水：0；} div { height :100%；飞越： auto；}/style script language=' JavaScript ' function getHeight(){ var wrappdiv=document . getelementbyid(' wrappdiv ')；alert(' document . body . offset theight : ' document . body . offset theight)；alert(' document . body . scroll height : ' document . body . scroll height)；alert(' wrappdiv . offset heart ' wrappdiv . offset heart)；alert(' wrappdiv . scrolheight : ' wrappdiv . scrolheight)；}/script/head dydiv id=' wrappdiv ' input class=' e _ button ' type=' button ' onclick=' GetHeight()；'Value='单击可获取页面高度'/br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br。content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br。content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br。content br/content br/content br/content br/content br/content br/content br/content br/content br/content br/content br//div/body/html我希望本文所描述的内容对JavaScript编程有所帮助。