可视窗口大小；window.innerWidth；/innerHeight窗口滚动条距离window.pageXOffset；pageYoggsetdom（元素）.offsetWidth//求可视元素的宽高；dom.offsetHeigth//dom.offsetLeft//返回相对于第一个有定位的 ...
分类：
其他好文 时间：
2019-03-05 12:49:41
阅读次数：
200
(function(){ var html=document.querySelector('html') html.style.fontSize=window.innerWidth/7.5+'px' window.onresize=function(e){ html.style.fontSize=w ...
分类：
其他好文 时间：
2019-01-12 12:09:41
阅读次数：
181
今天说说使用jQuery获取元素大小的遇到几种情况 使用jQuery获取元素的宽度或高度的有几种情况： 1.使用width()，它只能获取当前元素的内容的宽度； 2.使用innerWidth(),它只能获取当前元素的内容的宽度+padding； 3.使用outerWidth(),它只能获取当前元素的 ...
分类：
Web程序 时间：
2019-01-05 18:19:49
阅读次数：
201
```html window.onresize = ()= { var getRoot = document.getElementById("root"); getRoot.innerHTML = `Width: ${window.innerWidth} Height: ${window.inner ...
分类：
其他好文 时间：
2018-12-24 19:54:42
阅读次数：
123
var pageWidth = window.innerWidth; var pageHeight = window.innerHeight; if(typeof pageWidth != "number") { if(document.compatMode == "CSS1Compat") { p ...
分类：
其他好文 时间：
2018-12-13 14:23:31
阅读次数：
157
Top 10 Online Compilers <! A generated by theme var td_screen_width = window.innerWidth; if ( td_screen_width = 1140 ) { / large monitors / document.w ...
分类：
其他好文 时间：
2018-11-27 16:55:52
阅读次数：
353
兼容性问题：1.要发生在低版本的浏览器上，低版本的手机。2.高级曲面屏手机。 兼容性问题解决之道：不要用高级省事代码，老老实实写最普通常规的代码。 遇到的兼容性问题记录： 1.object.assign() : js中用了这个方法，低版本手机不支持，导致有返回值不展示。 2.innerwidth : ...
分类：
其他好文 时间：
2018-10-25 22:12:25
阅读次数：
233
一、BOM 1、windows对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 一些常用的Window方法： window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度window.open() - 打开新窗口window ...
分类：
编程语言 时间：
2018-10-17 00:21:30
阅读次数：
151
几个关于元素宽高的方法height():带参数设置，不带参数获取,参数是number类型width():带参数设置，不带参数获取,参数是number类型innerHeight():内边距+内容的高度innerWidth():内边距+内容的宽度outerHeight：上下内边距+内容+上下边框outerWidth:左右内边距+内容+左右边框案例测试：<!DOCTYPEhtml><h
分类：
Web程序 时间：
2018-10-15 14:30:52
阅读次数：
155
jQuery 位置信息 jQuery位置信息就是一系列封装好的api。 二、innerwidth 、innerheigth 三 、outwidth、 outheigth 四、偏移 五、元素坐标 六、滚动距离 JS事件流的概念（重点） 事件流 HTML中与javascript交互是通过事件驱动来实现的 ...
分类：
Web程序 时间：
2018-10-08 17:22:19
阅读次数：
240
