JS点击获取网页各种高度像素值代码

发布时间：2018-08-19 02:24:01 所属栏目：Unix 来源：站长网

导读：一个 Java Script特效代码，点击获取网页各种高度像素值代码，在ie6下实现position-fixed的效果，另外针对遮罩的问题（大概是做lightBox吧），个人觉得纯css法（不包括其显示/隐藏）将更适合。示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit

　　一个JavaScript特效代码，点击获取网页各种高度像素值代码，在ie6下实现position-fixed的效果，另外针对遮罩的问题（大概是做lightBox吧），个人觉得纯css法（不包括其显示/隐藏）将更适合。

　　示例：

<!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="点击获取页面高度" /> 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net 烈火学院Liehuo;Net 烈火学院Liehuo.Net 烈火学院Liehuo.Net </div></body> </html> <center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：武汉站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!