`
caibinghong
  • 浏览: 143467 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

关于获取浏览器工作区的高度

浏览器工作XHTMLHTML 
阅读更多
写道
var getWinHeight = function() {
var winHeight;
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
// 通过深入Document内部对body进行检测，获取窗口大小

if (document.documentElement && document.documentElement.clientHeight &&
document.documentElement.clientWidth) {
winHeight =document.documentElement.clientHeight; }

return winHeight;
}

 注意要点：

1.如果你发现你的页面上没有这一句话<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

那么这时候 document.body.clienHeight 为工作区的高度    

否则  加了这一句的话那么   document.body.clienHeight 就只是body 标签的高度 ， 这时候应该要用  document.documentElement && document.documentElement.clientHeight &&
document.documentElement.clientWidth   来判断    因为这时候 document.documentElement.clientHeight 就是工作区的高度了

 

因此这个方法是分别判断了 不同标准下 不同浏览器的工作区高度值

document.documentElement （就是HMTL标签）在FF下请加上标准约束

0
顶
0
踩
分享到：
| TreeViewer如何在不同类型的节点上显示不同 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js获取网页高度(详细整理)

    js获取网页高度包括(网页可见区域高，屏幕分辨率的高，屏幕可用工作区高度,js 获取浏览器高度 js 获取屏幕高度)等等，各种高度,本文详细整理了一些，需要了解的朋友可以参考下

    Visual C++编程技巧精选500例.pdf

    043 如何获取标题栏高度? 044 如何设置标题栏文字? 045 如何获取标题栏文字颜色? 046 如何设置标题栏文字颜色? 047 如何在文档类中设置标题栏文字? 048 如何防止在标题栏上显示文档名? 049 如何禁止标题栏的最小化...

    IBM WebSphere Portal门户开发笔记01

    1、工作空间获取 215 2、DOCUMENT OBJECT 215 3、输出一条具体的内容 215 4、内容组件容器接口 216 5、内容对象 216 6、站点框架容器接口 216 7、流程 217 8、用户概要 217 9、WCM 标签库 217 10、完整示例代码 218 ...

    Popup-my-Bookmarks：一个浏览器扩展，提供了一种更有效的方式来查看和管理书签菜单

    变更日志： : 旧版请访问以下分支，获取支持旧版Chrome的旧版本 开发人员指南在你开始之前通过以下方式安装 （版本&gt; = 8.9）： （Linux / Mac） （Windows） 安装npm install -g yarn cd到您的工作区并安装所有依赖...

    flash shiti

    将作品编辑区域以“工作区”方式显示 B. 在编辑区域中显示标尺 C. 在编辑区域中显示底格辅助线 D. 设置“磁铁”功能 7.Flash5中,Common Library默认共有几类公用对象： A. 3 B. 4 C. 5 D. 6 8.Flash中Remove...

    DotNetTextBox所见即所得编辑器控件 v3.3.1

    &lt;br&gt;2007/6/25 Version 3.1.5 beta &lt;br&gt;Updates: 1) 修正在VS2005设计模式中无法动态调整控件高度的BUG。 2) 修正height属性无效的BUG。 3) 修正CodeHighlighter外挂插件调用图片位置指向不正确...

    C#编程经验技巧宝典

    115 &lt;br&gt;0192　如何获取“我的文档”系统文件夹路径　115 &lt;br&gt;0193　如何获取应用程序当前执行的路径　116 &lt;br&gt;0194　如何获取当前操作系统的信息　116 &lt;br&gt;0195　如何实现基本数据类型随意转换　116...

    VeryIDE Bee 互动营销**台 v1.5 UTF-8.rar

    修正 IE9 上传组件不能正常工作的问题，原因是与拖动事件发生冲突 优化 IE6 兼容性若干问题（打开窗口空白、页面滚动条、右下角小提示变形等） 优化 为部分现代浏览器增加 CSS3 效果，例如圆角、阴影等 优化 后台...

    KODExplorer 芒果云-资源管理器

    - Kodexplorer为千帆网络工作室开发的一款服务器文件管理程序。 - 完美取代FTP管理：可用于服务器文件管理,zip解压缩 备份还原、支持图片、音乐、视频预览、office、pdf等格式在线预览。文件夹拖拽上传……。 - ...

    文章管理系统

    1.[新增]文章管理 增加 复制 按钮，免去写形似文章的工作量，直接在现有的修改下即可成新文章 2.[改进]网站参数设置 增加 清除JS内容 按钮 3.修复其他几个小细节 2013年09月07日 V2.80更新包 1.[改进]去掉旧版AJAX...

    cms后台管理

    //获取内容列表，可以通过此处进行更改，获取自己数据库中的数据 List&lt;Content&gt; list = getList(params, env); Map, TemplateModel&gt; paramWrap = new HashMap, TemplateModel&gt;( params); //OUT_LIST值为tag_...

    xheditor-1.1.14

    disableContextmenu：禁用编辑区的右键菜单 参数值：true(禁用右键菜单),false(不禁用),默认false 备注：v1.1.0新添加 editorRoot：编辑器JS文件所在的根路径 参数值：编辑器所在的根路径，用在某些特殊情况下定位...

    JAVA上百实例源码以及开源项目

    　关于数字签名：产生RSA密钥对(myKeyPair)，得到RSA密钥对，产生Signature对象,对用私钥对信息(info)签名，用指定算法产生签名对象，用私钥初始化签名对象，将待签名的数据传送给签名对象(须在初始化之后)，用公钥...

    JAVA上百实例源码以及开源项目源代码

    　关于数字签名：产生RSA密钥对(myKeyPair)，得到RSA密钥对，产生Signature对象,对用私钥对信息(info)签名，用指定算法产生签名对象，用私钥初始化签名对象，将待签名的数据传送给签名对象(须在初始化之后)，用公钥...

    java源码包---java 源码 大量 实例

    　关于数字签名：产生RSA密钥对(myKeyPair)，得到RSA密钥对，产生Signature对象,对用私钥对信息(info)签名，用指定算法产生签名对象，用私钥初始化签名对象，将待签名的数据传送给签名对象(须在初始化之后)，用公钥...

    网管教程 从入门到精通软件篇.txt

    DSW：Microsoft Developer Studio工作区文件 DTA：World Bank（世界银行）的STARS数据文件 DTD：SGML文档类型定义（DTD）文件 DTED：地面高度数字数据（图形的数据格式）文件 DTF：Symantec Q&A相关的数据库数据...

    java源码包2

    　关于数字签名：产生RSA密钥对(myKeyPair)，得到RSA密钥对，产生Signature对象,对用私钥对信息(info)签名，用指定算法产生签名对象，用私钥初始化签名对象，将待签名的数据传送给签名对象(须在初始化之后)，用公钥...

    java源码包3

    　关于数字签名：产生RSA密钥对(myKeyPair)，得到RSA密钥对，产生Signature对象,对用私钥对信息(info)签名，用指定算法产生签名对象，用私钥初始化签名对象，将待签名的数据传送给签名对象(须在初始化之后)，用公钥...

    java源码包4

    　关于数字签名：产生RSA密钥对(myKeyPair)，得到RSA密钥对，产生Signature对象,对用私钥对信息(info)签名，用指定算法产生签名对象，用私钥初始化签名对象，将待签名的数据传送给签名对象(须在初始化之后)，用公钥...

Magicbox
Global site tag (gtag.js) - Google Analytics