首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

js获取屏幕大小,当前网页和浏览器窗口

对于屏幕大小你可以使用以下代码实现: screen.height; screen.width; 1.获取屏幕尺寸 获取屏幕宽度:window.screen.width;    //整个屏幕的宽度 获取屏幕高度...:window.screen.height;     //整个屏幕的高度 2.获取可用工作区尺寸 获取屏幕可用工作区域宽度:window.screen.availWidth;      //pc端与上面两个一致...document.getElementsByClassName("div")[0].offsetTop 获取元素到左边的距离:document.getElementsByClassName("div")[0].offsetLeft 7.获取滚动条到...top和left的距离 获取滚动条到顶部的距离:document.body.scrollTop / document.documentElement.scrollTop 获取滚动条到左边的距离:document.body.scrollLeft.../ document.documentElement.scrollLeft 二、JQ部分 1、获取当前窗口浏览器宽高 获取当前窗口浏览器可视区域宽度:$(window).width(); 获取当前窗口浏览器可视区域高度

10.6K20

JS获取浏览器窗口大小 获取屏幕浏览器,网页高度宽度

:window.screen.height 屏幕分辨率的宽:window.screen.width 屏幕可用工作区高度:window.screen.availHeight 屏幕可用工作区宽度:window.screen.availWidth...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX...: window.screen.height 屏幕分辨率的宽: window.screen.width 屏幕可用工作区高度: window.screen.availHeight 屏幕可用工作区宽度: window.screen.availWidth...--显示浏览器窗口的实际尺寸--> 浏览器窗口 的 实际高度: 浏览器窗口 的 实际宽度:

8.1K30

JS获取浏览器窗口大小 获取屏幕浏览器,网页高度宽度(转)

:window.screen.height  屏幕分辨率的宽:window.screen.width  屏幕可用工作区高度:window.screen.availHeight  屏幕可用工作区宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...  offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置  event.clientX 相对文档的水平座标  event.clientY 相对文档的垂直座标...: window.screen.height 屏幕分辨率的宽: window.screen.width 屏幕可用工作区高度: window.screen.availHeight 屏幕可用工作区宽度...--显示浏览器窗口的实际尺寸--> 浏览器窗口 的 实际高度: 浏览器窗口 的 实际宽度: <input

16.1K10

js 获取屏幕各种宽高的方法(浏览器兼容)

屏幕的有效宽高: window.screen.availHeight window.screen.availWidth 网页可见区域宽:document.body.clientWidth  网页可见区域高...document.body.scrollTop  网页被卷去的左:document.body.scrollLeft  网页正文部分上:window.screenTop  网页正文部分左:window.screenLeft  屏幕分辨率的高...:window.screen.height  屏幕分辨率的宽:window.screen.width  屏幕可用工作区高度:window.screen.availHeight  屏幕可用工作区宽度:window.screen.availWidth...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...  offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置  event.clientX 相对文档的水平座标  event.clientY 相对文档的垂直座标

3.5K100

Selenium 处理滚动条

# Selenium 处理滚动条 selenium 并不是万能的,有时候页面上操作无法实现的,这时候就需要借助 JS 来完成了 当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的...这时候需要借助滚动条来拖动屏幕,使被操作的元素显示在当前的屏幕上。滚动条是无法直接用定位工具来定位的。...的值,来定位右侧滚动条位置,0 是最上面,10000 是最底部 以上方法在 Firefox 和 IE 浏览器上上是可以的,但是用 Chrome 浏览器,发现不管用。...Chrome 浏览器解决办法: js = "var q=document.body.scrollTop=0" driver.execute_script(js) # 二.横向滚动条 # 2.1 有时候浏览器页面需要左右滚动...(js) # 三.元素聚焦 虽然用上面的方法可以解决拖动滚动条位置问题,但是有时候无法确定我需要操作的元素在什么位置,有可能每次打开的页面不一样,元素所在的位置也不一样,怎么办呢?

2.4K30

python自动化17-JS处理滚动条

常见场景: 当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的。 这时候需要借助滚动条来拖动屏幕,使被操作的元素显示在当前的屏幕上。...的值,来定位右侧滚动条位置,0是最上面,10000是最底部。...版权所有,微信公众号:yoyoketang 三、横向滚动条 1.有时候浏览器页面需要左右滚动(一般屏幕最大化后,左右滚动的情况已经很少见了)。...四、Chrome浏览器 1.以上方法在Firefox上是可以的,但是用Chrome浏览器,发现不管用。 谷歌浏览器就是这么任性,不听话,于是用以下方法解决谷歌浏览器滚动条的问题。...2.Chrome浏览器解决办法: js = "var q=document.body.scrollTop=0" driver.execute_script(js) 五、元素聚焦 1.虽然用上面的方法可以解决拖动滚动条位置问题

6K20
领券