为了账号安全,请及时绑定邮箱和手机立即绑定

JS/jQuery宽高的理解和应用

haorooms Web前端工程师
难度初级
时长 2小时30分
学习人数
综合评分9.70
51人评价 查看评价
10.0 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 1.window.innerHeight和windwo.outerHeight window.innerHeight;//指的是浏览器窗口显示html文档的可视区域的高度 windwo.outerHeight;//指的是浏览器窗口的高度 ,包括了工具栏,地址栏等等高度 所以 outerHeight =innerHeight + 地址栏高度 +工具栏高度 +.... window.innerWidth;//浏览器的内部宽度 window.outerWidth;//浏览器的外部宽度 window.screenTop;//浏览器窗口距离屏幕顶部的高度 window.screenLeft;//浏览器窗口距离屏幕左侧的宽度 注意:innerHeight和outerHeight是有兼容性的,IE9以下不支持 window.screen;//包含了屏幕的信息 window.screen.height;//屏幕的高度 window.screen.width;//屏幕的宽度 window.screen.availHeight;//屏幕可利用的高度,比如windows系统的任务栏高度去除以后就是了 window.screen.availWidth;//屏幕可利用的宽度
    查看全部
  • window.innerHeight和windwo.outerHeight window.innerHeight;//指的是浏览器窗口显示html文档的可视区域的高度 windwo.outerHeight;//指的是浏览器窗口的高度 ,包括了工具栏,地址栏等等高度 window.screen包含了屏幕的信息 window.screen.height;//屏幕的高度 window.screen.width;//屏幕的宽度 window.screen.availHeight;//屏幕可利用的高度,比如windows系统的任务栏高度去除以后就是了 window.screen.availWidth;//屏幕可利用的宽度 window.screenTop;//浏览器窗口距离屏幕顶部的高度 window.screenLeft;//浏览器窗口距离屏幕左侧的宽度
    查看全部
  • 一.window和document有什么区别 window值得就是浏览器的窗口,包括工具栏,地址栏等等 window一般可以省略 Document对象是Window对象的一部分 document.body实质上是window.document.body 浏览器的html文档成为document对象 二.window.location和document.location的区别 window对象的location属性引用的事Location对象,表示该窗口中当前显示文档的URL document对象的location属性同样也是引用的Location对象 所以window.location = = = document.location 全等 所以我们使用的时候可以直接location.href==xxx 也可以window.location.href=xxx 以及document.location.href=xxx
    查看全部
  • offsetwidth
    查看全部
  • 好图啊
    查看全部
  • console.log(innerHeight); console.log(innerWidth); console.log(outerHeight); console.log(outerWidth);
    查看全部
  • scrollLeft
    查看全部
  • 笔记截图
    查看全部
  • 知识点 window对象与document对象的区别 window对象 表示浏览器中打开的窗口; window对象可省略; document对象 document对象是window对象的一部分,window对象的一个属性; document对象是由浏览器的HTML文档构成; window.location与document.location的区别 window.location window对象的location属性引用的是Location对象,表示该窗口中当前显示文档的URL; document.location document对象的location属性也是引用的Location对象; 两者的关系 window.location === document.location //true 在网页中加入iframe 两者也是全等于的关系; 故: window.location.href / document.loaction.href 作用是一样的
    查看全部
  • document相关的高宽内容
    查看全部
    0 采集 收起 来源:本章小结

    2017-05-05

  • 心情不好
    查看全部
  • window.innerWidth===window.outerWidth
    查看全部
  • window.innerHeigt与window.outerHeight的区别。window.innerHeigt是网址栏以下的高度 window.outerHeight是整个高度
    查看全部
  • 1、window.location = = =document.location。 2、window是整个屏幕。document是除了浏览器上面显示栏的窗口。
    查看全部
  • offsetleft
    查看全部

举报

0/150
提交
取消
课程须知
本课程是前端初中级课程 适用于对js/jquery各种宽高理解不是很清晰的同学。有一定前端基础的同学学习此课程更佳!
老师告诉你能学到什么?
1、js各种宽高理解 2、js宽高的一些应用 3、jquery各种宽高的理解 4、jquery各种宽高的应用

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!