屏幕中的位置(直接使用,無需前綴): screenLeft、screenTop:除了火狐都支持 screenX、screenY: 窗口的大小(谷歌的inner=outer,直接使用,無需前綴): innerWidth、innerHeight:頁面的長、高 outerWidth、outerHeight ...
分类:
编程语言 时间:
2017-06-30 13:45:25
阅读次数:
241
document.defaultView或全局变量window——获取一个window对象。 1)获取窗体信息 innerHeight、innerWidth——获取窗体内容区域的高度、宽度。 outerHeight、outerWidth——获取窗体的高度、宽度(包括边框和菜单条等); pageXOf ...
分类:
编程语言 时间:
2017-06-29 22:11:27
阅读次数:
143
vh:相对于视窗的高度,那么vw:则是相对于视窗的高度。 “视区”所指为浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小。 详细vh的用法,大家可以参考http://www.zhangxinxu ...
分类:
其他好文 时间:
2017-06-13 19:47:51
阅读次数:
249
Window 尺寸 有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari: window.innerHeight - 浏览器窗口的内部高度 window.innerWidth ...
分类:
其他好文 时间:
2017-06-13 11:22:12
阅读次数:
135
一、和window有关的宽高 window.innerWidth:浏览器窗口宽度 window.innerHeight:浏览器窗口高度(不包括导航,工具栏等的高度) window.outerWidth:浏览器窗口宽度(很多时候 window.innerWidth) window.outerHeigh ...
分类:
Web程序 时间:
2017-06-02 21:57:26
阅读次数:
250
获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWi ...
分类:
Web程序 时间:
2017-05-31 23:12:57
阅读次数:
280
test.html<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<style>
#box1{width:200px;height:200px;background-color:pink;padding:20px;margin:30px;box-sizing:border-box;border:1p..
分类:
Web程序 时间:
2017-05-11 22:26:18
阅读次数:
245
jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。 height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。 结果: jQuery innerWidth() 和 innerHeight() 方法 inn ...
分类:
Web程序 时间:
2017-05-09 18:58:26
阅读次数:
210
镇场诗: 清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。 学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。——————————————————————————————————————————code: result: ———————————————————————— ...
分类:
编程语言 时间:
2017-04-08 10:56:55
阅读次数:
298