JS中获得窗口属性的方法

最新推荐文章于 2021-01-21 18:12:12 发布
最新推荐文章于 2021-01-21 18:12:12 发布
阅读量431 收藏
点赞数
分类专栏： JavaScript 文章标签： scroll border div

1。获得屏幕的分辨率：
screen.width
screen.height

2。获得窗口大小：
document.body.clientWidth
document.body.clientHeight

3。获得窗口大小（包含Border、Scroll等元素）
document.body.offsetWidth
document.body.offsetHeight


div相关的一些元素详细说明可以参考这张图


 

exd2000
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nw.js获取新窗口对象_window对象
weixin_42378973的博客
01-18 1234
在JS中一个浏览器窗口就是一个window对象。我们可以使用这个对象的属性和方法操作这个窗口。当使用window的方法时候，可以不写window。 window对象存储了这个页面的所有信息，这些信息可以分为document、location、navigater、history、frames、screen。子对象说明document文档对象，操作页面元素location地址...
JS中常用window属性和方法
qq_36401256的博客
06-02 1219
对象在编写时可不使用window这个前缀 方法 介绍 setInterval() 间隔指定的毫秒数不停地执行指定的代码。 clearInterval() 用于停止 setInterval() 方法执行的函数代码。 setTimeout() 暂停指定的毫秒数后执行指定的代码 clearTimeout() 用于停止执行setTimeout()方法的函数代码 close() 关闭当前窗口 open() 打开新窗口，并返回新窗口的对象 moveTo() 移动当前窗口 re
JS之获取窗口属性
gxgalaxy
05-23 629
查看页面滚动条的滚动距离 1、window.pageXOffset/pageYOffset(IE8及以下不兼容) 2、IE8及以下的浏览器 document.body.scrollLeft/Top document.documentElement.scrollLeft/Top 这两个互相冲突，一个有值，另一个一定为0 document.body.scroll...
js窗口尺寸获取常用属性
Chef_Front的博客
09-07 1万+
window.innerHeight（innerWidth）：表示可见区域的高度（宽度），如果底部（右侧）有滚动条，会把底部（右侧）滚动条的高度（宽度）计算进去，此方法适用于标准浏览器及IE9+。 document.documentElement.clientHeight（clientWidth）：表示可见区域的高度（宽度），不会把滚动条的高度宽度计算进去，此方法适用于标准浏览器及低版本
javascript获取窗口属性值
12-31
JS获取窗口属性值 JS获取窗口属性值 JS获取窗口属性值
JS获取对象属性的方法
Sodaxiang的博客
01-21 1万+
JS对象的属性 js对象的属性有两种类型：字符串类型和Symbol类型。 如果使用其他类型的值作为属性时，都会将其转为字符串；如果是对象类型时，会直接转为[object Object]。 var obj = { ['str']: 'String property', // str: "String property" [Symbol()]: 'Symbol property', // Symbol(): "Symbol property" [{}]:"Object.
JS获取窗口属性，获取DOM尺寸
gaoshanyangzhi_1999的博客
08-02 514
查看滚动条的滚动距离 window.pageXOffset/pageYOffset(IE8及以下不兼容) document.body.scrollLeft/scrollTop(兼容性较乱) document.documentElement.scrollLeft/scrollTop(兼容性较乱) 注：后两个兼容性较乱，但在IE8及以下浏览器二者必有一可用。 //可以这样使用 documen...
JavaScript获取与操作窗口属性
huyao的博客
07-17 399
一、查看滚动条的滚动距离 常用属性： window.pageXOffset/pageYOffset IE8及IE8以下不同时兼容 document.body.scrollLeft/scrollTop 和 documentElement.scrollLeft/scrollTop ，兼容性比较混乱，用时取两个值相加。因为有个规律是一个有值另一个就为0； 以下为获取滚动条滚动距离的兼容性函数 ...
js获取页面属性
weixin_30245867的博客
02-28 240
一些常用的页面属性获取： 　　网页可见区域宽：document.body.clientWidth; 　　网页可见区域高：document.body.clientHeight; 　　类似视口宽度 　　网页正文全文宽：document.body.scrollWidth; 　　网页正文全文高：document.body.scrollHeight; 　　 　　网页被卷...
Javascript与CSS在IE和Firefox中的误区及区别
别把新手当傻子
06-16 216
[b][size=medium]Javascript中的常见问题[/size][/b] [b]1. 集合类对象问题[/b] 现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。 解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为 [code="js"]document.forms["formName"]; //...
JS 弹出新窗口，在新窗口获取传过来的参数
涵涵的专栏
01-15 1011
弹出新窗口：window.open ('playIt.html?id='+id,'play','height=100,width=400,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no') 在新窗口获取传递过来的id: url参数 ? 后面的是 window.location.search对象，参
js获取子页面对象的方法
weixin_34245749的博客
02-17 709
js获取同级页面中的对象 步骤： 1.从子页面获取上层或顶层页面对象 2.通过上层页面对象获取另一个iframe中的页面对象 实现： 1.window.parent 或 window.top 2.window.parent.document.getElementById("iframeid").contentWindow.document.getElementBy...
JavaScript获取窗口属性的个人笔记
xun__xing的博客
05-15 564
窗口属性上期题目解答一、滚动条1.滚动条滚动距离2.查看视口的尺寸二、元素尺寸1.查看元素的几何尺寸2.查看元素的尺寸位置三、滚动条滚动1.window上有三个方法 上期题目解答 1.封装函数insertAfter()；功能类似insertBefore()，即将目标元素放在指定元素后面。 Element.prototype.insetAfter = function(targetNode,afterNode){//原型上封装，节点都能够调用 var dressNode = afterNode.nex
JavaScript 获取窗口属性
Reagan_的博客
08-02 535
获取窗口属性 查看滚动条的滚动距离 window.pageXOffset/pageYOffset IE8及IE8以下不兼容 document.body/documentElement.scrollLeft/scrollTop 兼容性比较混乱，同时取两个值相加，因为不可能存在两个同时有值 封装兼容性方法，求滚动轮滚动离getScrollOffset() 为了解决兼容性的问题，我们来封...
获取一个对象的长度（对象的长度不能用.length获取）
热门推荐
xiasohuai的博客
08-14 2万+
对象的长度不能用.length获取，可以用Object.keys获取 var obj = {'id':1,'name':'叶落森','sex':'女'}; var arr = Object.keys(obj); console.log(arr); // ['id','name','sex'] console.log(arr.length); //3   Object.keys...
[JavaScript]BOM-1
fqq_5280的博客
08-11 212
确定滚动距离 查看视口的尺寸 标准模式or怪异模式 查看元素的几何尺寸 查看元素的尺寸 查看元素的位置 让滚动条滚动 确定滚动距离 window.pageXOffset/pageYOffset (IE8及IE8以下不兼容) document.body/doucumentElement.scrollLeft/scrolTop 兼容性比较混乱 用的时候取两个值相加（...
浏览器滚动条位置
weixin_44260504的博客
03-27 1706
浏览器滚动条位置 查看滚动条距离 ie9 以下不兼容： window.pageXOffset / window.pageYOffset ie9以下版本： document.body.scrollLeft / Top； document.documentElement.scrollLeft / Top； 这两个属性在ie9以下的每个版本中都只存在一个，所以处理兼容性问题时把它们相加就可以了。 ...
获取窗口属性
终日而思不如须臾所学。
01-10 539
1. 滚动条 // 兼容 document.body.scrollLeft + document.documentElement.scrollLeft function getScrollOffset () { if(window.pageXOffset) { return { x: window.pageXOffset, y: window.pageYOffset } ...
子类弹窗获取父类窗口的属性 jquery'
最新发布
05-30
在 jQuery 中，可以使用以下方法来获取父类窗口的属性： 1. 在子类弹窗中使用父类窗口的选择器来获取属性，例如： ``` class Parent { constructor() { this.attribute = "父类属性"; this.child_window = new Child(); } } class Child { constructor() { this.get_attribute(); } get_attribute() { let attribute = $(window.parent.document).find("#parent_window_id").data("attribute"); console.log(attribute); } } ``` 在这个例子中，子类弹窗 Child 在初始化时调用 get_attribute 方法，该方法使用父类窗口的选择器 $(window.parent.document).find("#parent_window_id") 来获取父类窗口的某个元素，然后使用 jQuery 的 data 方法来获取该元素的 data 属性，从而获得父类窗口的属性值。 2. 在父类窗口中将属性值保存在 cookie 中，子类弹窗中读取 cookie 来获取属性值，例如： ``` class Parent { constructor() { this.attribute = "父类属性"; document.cookie = "attribute=" + this.attribute; this.child_window = new Child(); } } class Child { constructor() { this.get_attribute(); } get_attribute() { let attribute = document.cookie.replace(/(?:(?:^|.*;\s*)attribute\s*\=\s*([^;]*).*$)|^.*$/, "$1"); console.log(attribute); } } ``` 在这个例子中，父类窗口在初始化时把属性值保存在 cookie 中，子类弹窗在初始化时调用 get_attribute 方法，该方法使用 JavaScript 的 document.cookie 属性来获取 cookie，然后使用正则表达式来从 cookie 字符串中提取属性值，从而获得父类窗口的属性值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值