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

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

hot3.png

Window对象表示当前浏览器的窗口,是JavaScript的顶级对象,我们创建的所有对象、函数、变量都是Window对象的成员。

不过,一般情况下我们的代码中省略了window对象,浏览器默认会作为window对象的成员来调用。
例如,调用一个全局变量 myName 的完整写法是: 

window.myName;

 但是我们完全可以这样写:

myName;
三种定义全局变量的方法:
  • 在函数外部使用 var 声明变量,例如:
var myName=" xiaoming ";
  • 在任意地方直接声明变量(不使用 var ),例如:
    myName=" xiaoming ";

  • 将变量作为window对象的属性,例如:
    window.myName=" xiaoming ";

在DOM操作中,我们经常使用的document也是window对象的属性,下面两种获取节点的方式是一样的:
window.document.getElementById("demo"); document.getElementById("demo");

JavaScript顶级对象参考模型

顶级对象模型的层次结构
另外,window对象的方法和属性是在全局范围内有效的。

获取浏览器的宽度和高度

JavaScript可以通过window对象来获取浏览器窗口的宽度和高度(浏览器的视口,不包括工具栏和滚动条)。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari 请使用:
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
对于 Internet Explorer 8、7、6、5 请使用:
document.documentElement.clientHeight
document.documentElement.clientWidth
或者:
document.body.clientHeight
document.body.clientWidth
下面给出了适合所有浏览器的代码:
var width=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var height=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

转载于:https://my.oschina.net/u/242764/blog/482927

你可能感兴趣的文章
论国人的素质和一个公司的商业道德
查看>>
android ios主流浏览器User-Agent
查看>>
Oracle-09:聚合函数
查看>>
一分钟快速入门openstack
查看>>
蓝图(Blueprint)详解
查看>>
Spark之SQL解析(源码阅读十)
查看>>
Android图片添加水印图片并把图片保存到文件存储
查看>>
C#字符串的不变性
查看>>
前端路由简介以及vue-router实现原理
查看>>
当TC遇到AI
查看>>
比特币系统采用的公钥密码学方案和ECDSA签名算法介绍——第二部分:代码实现(C语言)...
查看>>
分享15款很实用的 Sass 和 Compass 工具
查看>>
AMD优势: 与众不同 选择丰富
查看>>
玩转高性能超猛防火墙nf-HiPAC
查看>>
简单按日期查询mysql某张表中的记录数
查看>>
Sql Server 2008 R2 备份与还原
查看>>
自动化部署之jenkins发布PHP项目
查看>>
C/C++编程可用的Linux自带工具
查看>>
Maven介绍与安装配置
查看>>
[Zabbix问题解决]Zabbix discoverer processes 75% busy
查看>>