博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
window对象
阅读量:6691 次
发布时间:2019-06-25

本文共 504 字,大约阅读时间需要 1 分钟。

hot3.png

  • 视图尺寸:

    1.window.innerHeight/innerWidth

141329_2bPb_3272730.png

    2.$(window).height()/width()

193042_YPHP_3272730.png

    区别:jq方法中的尺寸去除了窗口的菜单高度和滚动条的宽度。

 

    3. $(document).height()/width()和$(document.body).height()/width()

        两者代表html和body的尺寸,一般情况下相同,都是页面的整体尺寸

 

    4.window.pageXOffset/pageYOffset

    当前页面相对于窗口的位置,即页面的滚动距离等效于window.scrollY/scrollX

    scrollLeft 和scrollTop时document.documentELement的属性

    兼容性写法:

        scroll = window.apgeYOffset || document.documentElement.scrollTop

 

  • 屏幕 screen
    window.screen. 返回显示屏幕的高度 (除 Windows 任务栏之外)。

转载于:https://my.oschina.net/u/3272730/blog/1614180

你可能感兴趣的文章
ABP框架 - 验证数据传输对象
查看>>
是否值得付费?Oracle,Open JDK等四大JVM性能全面对比
查看>>
49岁程序员:如何靠编程实现财务、精神双自由?
查看>>
get荣耀YOYO智能音箱打电话的新技能 感觉赚了1个亿
查看>>
明明长得一样,怎么就不认识你了呢
查看>>
支付宝风控闹“乌龙”,网友却纷纷点赞叫好
查看>>
2017年度华为感动之星巅峰之旅活动完美收官
查看>>
高瓴资本大幅减持虎牙:半年时间闪进闪出
查看>>
亚马逊CEO贝索斯离婚:拥有身家1369亿美元 已结婚25年
查看>>
这一次升级等了七年 PCIe 4.0终于发布了
查看>>
发改委:以稳汽车消费来托住商品消费“大头”
查看>>
华夏幸福前锋拉维奇旧伤复发 已顺利完成手术
查看>>
Python入门:Python 2与Python3有什么区别?
查看>>
淘宝天猫购物再不要这样子了我刚亏了8块钱
查看>>
如何跟踪信息流广告转化数据?
查看>>
美拍直播首屏耗时减少50%以上的优化实践
查看>>
一篇文章搞懂 Activity 启动模式
查看>>
你不知道的 Electron (二):了解 Electron 打包
查看>>
Flexbox Guide
查看>>
听说你精通原生JavaScript,来试试这份题目吧
查看>>