js中window对象的各种宽高

最新推荐文章于 2024-08-22 23:42:23 发布
最新推荐文章于 2024-08-22 23:42:23 发布
阅读量5k 收藏 1
点赞数 1
分类专栏： JS 文章标签： 前端 js中window对象的宽高
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DreamFJ/article/details/81539072
版权

1.热身

  • window和document的区别
    • window对象：浏览器中打开的窗口

    • document对象：是window对象的一部分，document.body可以用window.document.body。浏览器的html文档是document对象

    •  

  • window.location和document.location是全等的，都是引用的Location对象，表示该窗口中当前显示文档的URL。

2.与window相关的宽高

  • innerHeight/outerHeight（不兼容ie9以下，可用h=document.body.clientHeight || document.documentElement.clientHeight）

 

  • innerWidth/outerWidth（不兼容ie9以下，处理方法同上）

  • window.screen对象包含有关用户屏幕的信息

 

jojo付啾啾
关注
专栏目录
java获取浏览器window对象_JS window对象详解
weixin_33539834的博客
02-26 1677
window 是客户端浏览器对象模型的基类，window 对象是客户端 JavaScript 的全局对象。一个 window 对象实际上就是一个独立的窗口，对于框架页面来说，浏览器窗口每个框架都包含一个 window 对象。全局作用域在客户端浏览器中，window 对象是访问 BOM 的接口，如引用 document 对象的 document 属性，引用自身的 window 和 self 属性等。...
JavaScript window对象和document 对象
weixin_49087505的博客
12-09 1271
window对象和document 对象window对象什么是window对象window访问客户端对象window与全局作用域window对象常用方法document 对象什么是document对象对象树document对象常用方法window与document关系不同 window对象 什么是window对象 是什么：window - 浏览器对象模型（也称BOM），表示浏览器中打开的窗口。一个 window 对象实际上就是一个独立的窗口，对于框架页面来说，浏览器窗口每个框架都包含一个 window 对
javascript--window对象及宽高、位置、滚动条
sun_chen_93的博客
08-21 1491
//window的属性，大部分都是只读的，不支持设置，这里也就不一一分析。使用的时候window全部作为只读看待，不要设置。 //为了简便，除非特殊说明，此文档中的document.body代表元素（标签） //一些需要兼容地方，也都有体现，没有过多解释。 /*获取常用对象：这里的每个对象都是一个完整的体系，都要掌握*/ window.location window.history windo...
js中window和document的宽高
css_styles的博客
03-07 1925
一、window的宽高/** * window中涉及的宽高有window.innerWidth, window.innerHeight, window.outerWidth, window.outerHeight,以及window.screen涉及的宽高 screen.width, screen.height, screen.availWidth, screen.avail
JavaScript语法基础之window对象
最新发布
m0_74249600的博客
08-22 1196
本文就javascript语法基础讲解了window对象相关内容，包括窗口与对话框、location对象等内容的讲解
JS获取当前窗口的宽和高
wang_swa99er的博客
09-09 5439
JS获取当前窗口的宽和高 window.onload = function(){ document.onclick = function(){ //输出当前窗口的宽 var windowWidth = document.documentElement.clientWidth || document.body.clientWidth; alert(windowWidth); //输出当前窗口的高 var windowHe
window 宽度 长度 的各种属性 以及意思
weixin_44081699的博客
01-07 1669
A.1.window.innerWidth=>返回窗口的文档显示区的宽度。 window.innerHeight=>返回窗口的文档显示区的高度。 window.outerWidth=>设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。 window.outerHeight=>设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。 2. body....
js 获取屏幕各种宽高的方法(浏览器兼容)
10-27
在Web开发中，获取屏幕和网页元素的各种宽高信息是常见的需求，以便进行页面布局、元素定位和动态调整等操作。JavaScript为此提供了丰富的接口，但不同的浏览器对这些接口的支持度有所差异，这就要求开发者编写兼容...
JavaScript获取和设置窗口宽度、高度
microcosmv的博客
07-14 3516
Window的innerHeight和innerWidth属性 只读属性，声明了窗口的文档显示区的高度和宽度，以像素计。 这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。 IE 不支持这些属性。它用 document.documentElement 或 ducument.body （与 IE 的版本相关）的 clientWidth 和 clientHeight 属性作为
js window窗口大小，定位，及传值
freeliver54的专栏
12-22 1569
本示例主要实现如下效果1.利用preLogin页面做为过度  用window.open()设置并打开login页面  同时关闭preLogin2.用login页面 访问xml档 进行用户验证  通过验证后 用window.location.href进入index页面  并将用户名称传入index页面说明：(本次示例有部分代码 来源于互联网上在此向原作者表示感谢是他们的无私分享 让我们更快的
JS 视窗(window)位置和尺寸
qq_46275230的博客
05-08 1677
JS 视窗(window)位置和尺寸 文章目录JS 视窗(window)位置和尺寸1.window view视口宽高尺寸 :innerWidth,innerHeightouterWidth,outerHeight2.页面滚动位置(最外侧滚动条距离)(最常用)docuemnt.documentElement.scrollTop/scrollLeftwindow.pageYOffset/pageXOffsetwindow.scrollY和scrollX3.window view视口距离显示器位置(标配)wind
JavaScript及jQuery中的各种宽高属性图解
上下求索
12-23 2871
原文链接 http://blog.poetries.top/2016/12/13/js-props 声明：本文根据慕课网学习视频整理 强烈建议打开控制台自己动手练习一遍，这样印象才会深刻第一部分 JavaScript中的宽高属性一、与window相关的宽高属性1.1 window.location和document.location window对象的location属性引用的是locatio
JS如何获取页面可见区域高度
weixin_34351321的博客
04-26 441
window.document.body.clientHeight就可以window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.docum...
js中各种的宽度高度（width，height）的总结
11-18 3470
这次发表的是JS获取元素各种宽高的细节分析 https://www.imooc.com/learn/608 是对慕课网中的这节课的总结与手记，和一些不同的见解，加上自己理解后，进行了实践，之后编写了这篇文章 1.window的宽高 innerWidth : 浏览器的内部...
JS对象 window对象 屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。 2. screen.availHeight 属...
weixin_30545285的博客
06-16 193
屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。 2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。 注意: 不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。 ...
Window 尺寸
weixin_34319999的博客
02-19 168
Window 尺寸 有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Int...
window对象下获取的屏幕宽高
陈大文的博客
10-23 2415
1.浏览器的内部窗口宽度（兼容写法）：window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth                                                      浏览器的内部窗口高度（兼容写法）：window.innerHeight || do
前端如何获取浏览器窗口的尺寸
前端小白菜
07-22 6225
获取浏览器窗口尺寸最全兼容性解决方案
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值