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

window尺寸的获取方法

阅读更多

//浏览器窗口的内部宽度

var w = window.innerWidth  //对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari
            || document.documentElement.clientWidth    //Internet Explorer 8、7、6、5 
            || document.body.clientWidth


//浏览器窗口的内部高度:
var h = window.innerHeight 
        || document.documentElement.clientHeight
       || docuement.body.clientHeight

分享到:
评论

相关推荐

    window-size:在node.js环境中获取终端控制台的高度和宽度的可靠方法

    获取终端/控制台高度和宽度的可靠方法,因为并非在所有平台,环境和node.js版本上都以相同的方式计算或更新终端/控制台。 安装 使用安装: $ npm install --save window-size 用法 var size = require ( 'window-...

    【JavaScript源代码】JavaScript中BOM和DOM详解.docx

    1. window 获取浏览器c窗口尺寸 2. screen 获取电脑屏幕大小 3. window 开启关闭窗口 4. 浏览器事件 5. location 6. history 7. navigator 获取浏览器相关信息 8. 弹窗 DOM (文档对象模型) DOM 分类 DOM对象 ...

    单独的窗口「Separate Window」-crx插件

    在一个单独的弹出窗口中派生一个页面的任意区域。... -获取到该窗口的链接(通过单击该链接,在安装扩展程序后,该窗口将自动打开)。如果页面上有几个相同的元素,则将选择第一个。 支持语言:English,русский

    js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法

    一、通过浏览器获得屏幕的尺寸 二、获取浏览器窗口内容的尺寸 //高度 window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度 window.innerWidth || document....

    Separate Window-crx插件

    语言:English,русский 在单独的弹出窗口中导出页面的任意区域 ...-获取到该窗口的链接(通过单击该链接,在安装扩展程序后,该窗口将自动打开)。 如果页面上有几个相同的元素,则将选择第一个。

    Window Resizer-crx插件

    该扩展名以百分比为单位获取左,上,右和下位置,并将窗口大小更改为这些值。 此扩展程序可检测系统中的所有显示器,并允许其中一台显示器作为对齐的参考。 另外,此扩展程序支持弹出菜单中前6个对齐方式的键盘...

    get-node-dimensions:即使隐藏了元素,也可以获取准确的元素尺寸!

    获取节点尺寸 即使隐藏了元素,也可以获取准确的元素尺寸! 安装 npm install get-node-dimensions --save < script src =" https://unpkg.com/get-node-dimensions/dist/get-node-dimensions.js " > </ ...

    Android获取常用辅助方法(获取屏幕高度、宽度、密度、通知栏高度、截图)

    我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现。下面就分享一下Android中常用的一些辅助方法: 获取屏幕高度: /** * 获得屏幕高度 * @param context * @return * by Hankkin...

    机器视觉Halcon投影变换

    *获取图像的尺寸 get_image_size(Image_display,imageWidth, imageHeight) *新建显示窗口,适应图像尺寸 dev_open_window (0, 0, imageWidth, imageHeight, 'black', WindowHandle1) dev_display (GrayImage) *初始...

    编译的 HTML 帮助文件 (.chm) DHTML手册

    若指定了附加参数,此方法将打开一个窗口,这与 window 对象的 window.open 方法相同。 queryCommandEnabled 返回表明指定命令是否可于给定文档当前状态下使用 execCommand 命令成功执行的 Boolean 值。 ...

    JS获取屏幕高度的简单实现代码

    要得到窗口的尺寸,对于不同的浏览器,需要使用不同的属性和方法:若要检测窗口的真实尺寸,在netscape下需要使用window的属性;在ie下需 要深入document内部对body进行检测;在dom环境下,若要得到窗口的尺寸,需要...

    cover_window( inp_img,w ) : 从数组中的单个像素获取邻居数组-matlab开发

    所有过滤器都需要图像中当前像素的邻居数据,这里这个函数(res_window=cover_window(行有多少邻居值,列有多少邻居值,输入图像)产生结果( res_window(row,col,总尺寸)) %% %输入%inp_img=2d 数据(行 * 列) %...

    Window 消息大全

    例如,单击鼠标、改变窗口尺寸、按下键盘上的一个键都会使Windows发送一个消息给应用程序。 消息本身是作为一个记录传递给应用程序的,这个记录中包含了消息的类型以及其他信息。例如,对于单击鼠标所产生的消息来...

    JS获取页面窗口大小的代码解读

    要得到窗口的尺寸,对于不同的浏览器,需要使用不同的属性和方法:若要检测窗口的真实尺寸,在Netscape下需要使用Window的属性;在IE下需要深入Document内部对body进行检测;在DOM环境下,若要得到窗口的尺寸,需要...

    GetViewportWidth:一种使用JavaScript获取视口宽度的简单方法

    移至 如果您正在使用此存储库,它将不再被维护,请改用...尺寸和交货 目前,将minify和gzip压缩后, getViewportWidth.js压缩为大约541个字节(〜0.5 KB)。 要缩小大小,您可以尝试使用以下在线工具:[Microsoft Ajax

    一个关于Halcon函数的记录

    如:类型(= ' 字节',' ' ',uint2 int2 等等) 和图像的尺寸( 的宽度和高度) dev_open_window( : :Row,Column,WidthHeight,Background :WindowHandle ) 打开一个图形的窗口。 dev_set_part ( : : Row1, Column1, ...

    02-javaWeb-css$js.7z

    bom(Browser浏览器对象)中window对象的定时器方法 定时器 String对象 图片轮播案例 补充 运算符 语句 总结 ———————————————— 版权声明:本文为CSDN博主「oooola」的原创文章,遵循CC 4.0 ...

    JavaScript 基础(八)【BOM】

    Js通过浏览器对象模型(BOM)来和浏览器进行交互,可以获取屏幕尺寸,窗口大小,页面地址,历史记录等浏览器相关信息,也可以控制浏览器执行某些行为:弹出信息,页面跳转,打开窗口,关闭窗口,调整窗口大小等。...

    JavaScript 空间坐标的使用

    视口坐标需要知道滚动条位置才可以进行计算,有以下几种方式获取滚动位置 方法 说明 注意 window.innerWidth 视口宽度 包括滚动条(不常用) window.innerHeight 视口高度 包括滚动条(不常用) document....

Global site tag (gtag.js) - Google Analytics