介绍 window对象 定时器 location对象 history对象 screen对象 screen.availWidth screen.availHeight 2.获取窗口宽高 window.innerWidth window.innerHeight 3.获取浏览器信息 navigator.u ...
分类:
编程语言 时间:
2017-10-17 12:18:07
阅读次数:
193
vw 相对于视窗的宽度:视窗宽度是100vw;vh则类似,是相对于视窗的高度,视窗高度是100vh. 这里的视窗指的又是啥? 是浏览器内部宽度大小(window.innerWidth)? 是整个浏览器的宽度大小(window.outerWidth)? 还是显示器的宽度大小(screen.width) ...
分类:
移动开发 时间:
2017-10-12 13:08:55
阅读次数:
270
innerWidth与innerHeight属性 说明:window对象的只读属性,声明了窗口的文档显示区的高度和宽度,以像素(px)为计量单位。 (注意:这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度) 下面便对这两个属性进行验证: 屏幕分辨率为:1920x1080 浏览器:QQ浏览器(内 ...
分类:
编程语言 时间:
2017-10-12 10:11:23
阅读次数:
294
经常会遇到需要获取屏幕宽度、高度,可视区域宽度、高度等问题,也就常跟这几个打交道,一不小心,还真爱弄混淆了。 先来列举下这几个吧: screen.availHeight、screen.availWidth; screen.height、screen.width; document.documentE ...
分类:
其他好文 时间:
2017-09-30 20:57:11
阅读次数:
140
var fieldContainer = document.getElementById('fieldbox'); var resizeWorldMapContainer = function () { var width=window.innerWidth; var height=window.i ...
分类:
Web程序 时间:
2017-09-23 17:25:46
阅读次数:
185
/* fix the code flash the page */ var globalWidth = document.documentElement.clientWidth;//window.innerWidth || document.documentElement.clientWidth |... ...
分类:
其他好文 时间:
2017-09-20 19:39:51
阅读次数:
120
function setTips(that,title){ var pos = getPos(that); var maxWidth = 0 ; var minWidth = 0 ; var sreenX = window.innerWidth; var sreenY = window.innerH ...
分类:
Web程序 时间:
2017-09-18 12:18:24
阅读次数:
340
经过在chrome中实践,outerWidth应该是整个浏览器视窗的宽,innerWidth是实际视窗的宽,作者忽略了控制台的宽,在有控制台的情况下,这两个值是不同的, ...
分类:
编程语言 时间:
2017-09-11 16:28:47
阅读次数:
204
js里面的宽度太多了,一大堆的,的确需要好好的整理总结一下,不然自己就是一个乱的。 先看看window下面的宽高 1-- window.outerWidth window.outerHeight 2-- window.innerWidth window.innerHeight 我们可以自己打印出来看 ...
分类:
Web程序 时间:
2017-09-02 17:00:51
阅读次数:
200
//获得盒子在界面可见范围的宽和高function getClient() { return { width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0, h ...