`
axl234
  • 浏览: 268829 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

获取浏览器可见区域的宽高,通用方法:

阅读更多
//以下的方法对于很多浏览器都适用  
function windowHeight() {  
    var windowHeight;//最后传出的值  
    if (self.innerHeight) { // 除了IE以外的浏览器  
        windowHeight = self.innerHeight;  
    }   
    else if (document.documentElement && document.documentElement.clientHeight) { /* IE6 浏览器 */ 
        windowHeight = document.documentElement.clientHeight;  
    }   
    else if (document.body) { //其他版本的IE浏览器  
        windowHeight = document.body.clientHeight;  
    }  
    return windowHeight;  
}  
 
function windowWidth() {  
    var windowWidth;//最后传出的值  
    if (self.innerWidth) { // 除了IE以外的浏览器  
        windowWidth = self.innerWidth;  
    }   
    else if (document.documentElement && document.documentElement.clientWidth) { /* IE6 浏览器 */ 
        windowWidth = document.documentElement.clientWidth;  
    }   
    else if (document.body) { // 其他版本的IE浏览器  
        windowWidth = document.body.clientWidth;  
    }  
    return windowWidth;  
}
分享到:
评论

相关推荐

    Javascript获取页面、屏幕尺寸大小参数.

    在JavaScript编程中,获取页面和屏幕尺寸大小是前端开发中常见的需求之一,这涉及到一系列的属性和方法,用于测量浏览器窗口、文档元素以及设备屏幕的大小。以下将详细解析如何利用JavaScript来获取这些参数,包括...

    css入门笔记

    保持设置的宽高 box-sizing:border-box; 1、内边距 padding 取值:left左 right右 top上 bottom下 px (%)少用 取值:auto 则内容居中 2、外边距margin 6、背景颜色 1.背景色 属性:background: 取值:颜色...

    PyQt(Python+Qt)学习随笔:QAbstractScrollArea的用途.rar

    你可以通过`viewport()`方法获取视口对象,并对其进行自定义。 3. **调整大小**:QAbstractScrollArea可以自动调整其大小以适应内容的大小,也可以通过`setMinimumSizeHint()`和`setMaximumSizeHint()`方法设置最小...

    安卓输入框被虚拟键盘挡住的问题(微信开发)

    在iOS设备上,虚拟键盘弹出时,系统会自动将页面上移,使得输入框始终保持在可见区域。然而,安卓系统并未提供这样的默认行为。因此,开发者需要手动处理这种情况。 一种尝试是通过监听键盘的弹出和收起事件,当...

    dhtmlx 帮助文档 (中文版)

    - **目的**:提供一份详尽的中文版 DHTMLX 使用手册,旨在指导开发者如何有效地使用 DHTMLX 库来构建高质量的 Web 应用。 - **范围**:本手册涵盖了 DHTMLX 库中的多个组件和工具,包括布局管理、数据展示组件、用户...

    全屏代码

    - **退出全屏的便捷方式**:提供易于识别且明显可见的退出全屏按钮,或者支持通用的快捷键,如Esc键。 - **适应用户习惯**:考虑用户的操作习惯,例如在移动端支持手势操作等。 - **性能优化**:确保全屏模式下的...

    web前端CSS题库.docx

    - **固定定位(Fixed Positioning)**:元素相对于浏览器窗口进行定位,通常用于创建固定的头部或底部导航栏。 #### 其他重要CSS属性 - **`visibility`与`display`的区别:** - `visibility: hidden`:使元素不...

    java实用教程

    - 提供共享数据或通用方法。 **4.5 THIS关键字** - **定义**:指向当前对象的引用。 - **用途**: - 解决参数名和成员变量同名时的冲突。 - 调用同一个类中的另一个构造方法。 **4.6 包** - **定义**:组织类...

    VC编程技巧精选,很不错

    **跳转第一事例、文件对话框死机、大数组分配、子窗口坐标、调用进程、全局跳转、自定义窗口、调整TOOLTIP字体、更换壁纸、打印机Preview函数、跨控件事件、DIAGOG背景图、提示窗口、启动浏览器、Direct3D特效、列出...

    pb event 事件ID 介绍

    **4.4 pbm_cbndragleave**: 当一个对象被拖拽离开通用对话框区域时触发。同样用于实现拖放操作过程中的精确反馈。 **4.5 pbm_cbndragover**: 当一个对象被拖拽经过通用对话框时触发。可用来提供视觉反馈,指示对象...

    JAVA超详细教程

    - **私有变量和私有方法**:仅在定义它们的类内部可见。 - **共有变量和共有方法**:可在任何地方访问。 - **友好变量和友好方法**:默认情况下,只能在同一包内访问。 - **受保护的成员变量和方法**:可在同一...

    JavaScript Table行定位效果

    用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 【克隆table】 克隆一个元素用cloneNode就可以了,它有一个bool参数,表示克隆是否包含子节点...

    web网页设计期末课程大作业:基于HTML+CSS+JavaScript个人书画作品展示HTML模板(6页)

    常用的调试方法包括使用浏览器的开发者工具查看元素属性、网络请求、性能分析等;利用console.log()打印变量值来跟踪代码执行流程;使用断点调试等。 #### 六、资源与素材获取 - **图片素材**:本作业中提到会收集...

    好看的弹出层 遮蔽层

    为了实现遮蔽层,我们通常会创建一个全屏的 `div`,并设置较低的不透明度(如 `opacity: 0.5`)和背景色(如 `background-color: rgba(0, 0, 0, 0.5)`),以达到半透明效果,从而让背景页面模糊可见。 在压缩包中的...

    java面试题题库详解

    - **request 对象:** 使用 `request.getParameter()` 方法获取参数。 - **表单提交:** 如何通过 GET 和 POST 方式提交表单数据。 #### 36. errorPage 属性与应用范围 **知识点概述:** - **errorPage:** 指定...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Viewport不局限于浏览器可视区域的大小,可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。 媒体查询 CSS媒体查询允许开发者基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。 ...

    将HTML页面转成图片JPG

    - 调整组件的可见区域以匹配截图范围。 - 使用`Robot`类来捕获屏幕快照,`Robot.createScreenCapture()`方法可以获取指定区域的屏幕截图。 - 最后,`GraphUtils.java`中的函数可能会被用来将捕获的BufferedImage对象...

    document.layers

    在JavaScript的早期版本中,`document.layers` 是一个与Netscape Navigator浏览器紧密相关的特性,用于处理网页中的层(layers)布局。这个特性是Netscape Navigator 2.0引入的,目的是为了实现更复杂的页面动态效果...

    web前端网页设计期末课程大作业:中华传统文化题材网页源码——基于HTML实现中国水墨风书画艺术网站(12个页面)

    - **DOM操作**:通过`getElementById`、`getElementsByClassName`等方法获取页面元素,并通过`innerHTML`、`textContent`等属性改变内容。 - **动画效果**:使用JavaScript控制元素的透明度、位置变化等,实现平滑...

    BS界面规范

    在数字化转型的浪潮中,B/S(Browser/Server,浏览器/服务器)架构因其易于部署、扩展性和高度技术集成性而在企业级应用中占据主导地位。BS界面规范,作为确保B/S系统高质量、高效率开发的重要指南,涵盖了从显示...

Global site tag (gtag.js) - Google Analytics