文档章节

window对象

hezhongjie
 hezhongjie
发布于 01/28 19:34
字数 138
阅读 10
收藏 0
  • 视图尺寸:

    1.window.innerHeight/innerWidth

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

    区别: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.availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外)。

© 著作权归作者所有

共有 人打赏支持
hezhongjie
粉丝 4
博文 101
码字总数 47545
作品 0
程序员
js 的 iframe 父子页面通信的简单方法

1、获取 子页面 的 window 对象 在父页面中,存在如下两个对象 window.frames document.iframeElement.contentWindow 可以获取到 子页面 window 对象 既然拿到了 window 对象,那函数和DOM就...

big_cat
02/06
3
0
JavaScript Window - 浏览器对象模型

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象模型 (Browser Object Model) 尚无正式标准。由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法...

一生只为虞美人
07/12
0
0
Js中的window.parent ,window.top,window.self 详解

在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。 wind...

桃子红了呐
2017/10/30
0
0
JS子页面访问父页面元素/变量/函数

四个属性变量 window.self window.parent window.top window.frames 在页面中嵌入一个 iframe 页面后 子页面中并不能直接访问父页面中的变量、函数或者文档元素 1、使用 iframe 嵌入一个子页...

big_cat
2016/03/02
205
0
JavaScript Window 对象

Window对象表示当前浏览器的窗口,是JavaScript的顶级对象,我们创建的所有对象、函数、变量都是Window对象的成员。 不过,一般情况下我们的代码中省略了window对象,浏览器默认会作为windo...

wersdffg
2015/07/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Qt编写自定义控件属性设计器

以前做.NET开发中,.NET直接就集成了属性设计器,VS不愧是宇宙第一IDE,你能够想到的都给你封装好了,用起来不要太爽!因为项目需要自从全面转Qt开发已经6年有余,在工业控制领域,有一些应用...

飞扬青云
35分钟前
1
0
我为什么用GO语言来做区块链?

Go语言现在常常被用来做去中心化系统(decentralised system)。其他类型的公司也都把Go用在产品的核心模块中,并且它在网站开发中也占据了一席之地。 我们在决定做Karachain的时候,考量(b...

HiBlock
41分钟前
1
0
大数据学习脑图以及入门教程!

近些年,大数据的火热可谓是技术人都知道啊,很多人呢,也想学习大数据相关,所以,这里分享几个大数据脑图,希望可以让你清楚明白从哪里入门大数据,知道该学习以及掌握哪些知识点; 大数据...

董黎明
今天
1
0
聊聊redis的监控工具

序 本文主要研究一下redis的监控工具 redis-stat redis-stat是一个比较有名的redis指标可视化的监控工具,采用ruby开发,基于redis的info命令来统计,不影响redis性能。 docker运行 docker r...

go4it
今天
2
0
TypeScript基础入门之高级类型的索引类型(Index types)

转发 TypeScript基础入门之高级类型的索引类型(Index types) 高级类型 索引类型(Index types) 使用索引类型,编译器就能够检查使用了动态属性名的代码。 例如,一个常见的JavaScript模式是从...

durban
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部