如何利用DOM获取当前页面的width和height?
2008-02-03 16:15
330 查看
最近在利用JQuery学习AJAX,第一个目标就是初步实现网络上流行的“仿Windows关机效果”, 说白了就是当WEB程序弹出针对用户的信息提示框时只将供用户选择和阅读的内容高亮显示,而其它部分则被半透明的颜色所遮盖。实现这个效果的原理很简单: 构建一个足够大的遮盖层将屏幕完全覆盖,然后再构建一个位于最上方的层来显示所需的内容。实现的方法有很多,这里我只描述如何获取整个页面(包含出现纵向 滚动条的时候)的宽度和高度,因为只有知道它们,我们才能构建那个足够大的遮盖层。
首先,我们需要借助document.documentElement来获取当前页面DOW结构的根元素,也就是html元素,所有的内容都包含在html下,只有这样,才能确保我们获得的是当前页面实际的width和height ,而其它的元素如body等则不行。
接下来的事情则容易多了,我们可以借助element.scrollHeight和element.scrollWidth来轻松的获得document.documentElement的width和height了。
首先,我们需要借助document.documentElement来获取当前页面DOW结构的根元素,也就是html元素,所有的内容都包含在html下,只有这样,才能确保我们获得的是当前页面实际的width和height ,而其它的元素如body等则不行。
接下来的事情则容易多了,我们可以借助element.scrollHeight和element.scrollWidth来轻松的获得document.documentElement的width和height了。
相关文章推荐
- 切换导航标签实现当前标签颜色改变以及利用js如何准确获取当前页面url网址信息
- js如何准确获取当前页面url网址信息
- js如何准确获取当前页面url网址信息
- 如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)
- 如何在jsp页面调用的java类中获取当前线程的request和session
- js如何准确获取当前页面url网址信息
- 黄聪:wordpress如何获取当前页面的URL
- JS 如何准确获取当前页面URL网址信息
- 如何用js得到当前页面的url信息方法(JS获取当前网址信息)
- 如何用js得到当前页面的url信息方法(JS获取当前网址信息)
- 如何利用PHP时间戳获取当前时间
- 封装函数getClient获取当前显示区域的大小,即clientWidth和clientHeight
- 如何获取taskflow的id值,用于控制当前页面的控件显示或隐藏
- 黄聪:wordpress如何获取当前分类页面的ID、名称、别名(slug)
- js如何获取当前页面字符编码? http://bbs.51js.com/thread-75687-1-1.html
- 如何利用JS判断当前来路域名并跳转到指定页面
- 如何获取当前运行的.exe所在路径的双斜线形式?---利用GetModuleFileName
- 在jsp页面利用js函数获取当前时间
- 如何用js得到当前页面的url信息方法(JS获取当前网址信息)
- 如何用js得到当前页面的url信息方法(JS获取当前网址信息)