京东云服务器推荐配置、多种配置选择,满足不同业务需求!

热门推荐

⭐ 稳定入门选择

配置:2核2G/5M

适用场景:个人站点 / 轻量应用

特点:性价比高,稳定可靠

¥19/月
立即购买
流量友好

☁️ 轻量云主机

配置:2核4G 5M

适用场景:小型业务 / 博客 / 测试环境

特点:流量友好,性能均衡

¥149/年
立即购买
高性能

💻 云服务主机

配置:4核16G 8M

适用场景:中小型服务 / 多并发场景

特点:充足内存与带宽,性能强劲

¥750/年
立即购买
新人专享

🎁 新人福利

新人访问 → 点击 → 最新活动

可获取 3000元 礼券

立即领取
JavaScript / JavaScript 教程 / JS 浏览器BOM
JS Window 浏览器对象模型
JS Window ScreenJS DOM Navigation

JS Window 浏览器对象模型

窗口可以是主窗口,框架集或单个框架,甚至可以是用JavaScript创建的新窗口。

窗口对象

该window对象表示浏览器中的窗口。窗口对象由浏览器自动创建。

所有全局变量都是属性,函数是窗口对象的方法。

所有全局JavaScript对象,函数和变量都会自动成为window对象的成员。

文档对象是窗口对象的属性。因此,输入

window.document.write("Hello world")

与下面的相同

document.write("Hello world")

计算窗口大小

window对象提供2个属性以找出浏览器窗口视口的宽度和高度。

这两个属性均返回以像素为单位的大小:

  • window.innerWidth -浏览器窗口的内部宽度(以像素为单位)

  • window.innerHeight -浏览器窗口的内部高度(以像素为单位)

这是显示窗口当前大小的示例:

var h = window.innerHeight;
var w = window.innerWidth;
测试看看‹/›

对于Internet Explorer 5、6、7、8:

  • document.documentElement.clientWidth

  • document.documentElement.clientHeight

要么

  • document.body.clientWidth

  • document.body.clientHeight

跨浏览器解决方案(对于IE8和更早版本使用clientWidth和clientHeight):

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
测试看看‹/›

使用onresize事件显示高度和宽度:

<body onresize="myFunc()">
<script>
function myFunc() {
   var w = window.innerWidth;
   var h = window.innerHeight;
   document.getElementById("para").innerHTML = "Width: " + w + "<br>Height: " + h;
}
</script>
测试看看‹/›

开启新窗口

window.open()方法将打开一个新的浏览器窗口,并将指定的文档加载到其中。

以下示例在具有指定高度和宽度的新窗口中打开“ www.xsc123.com”:

window.open("", "", "width=400, height=300");
测试看看‹/›

完整的窗口参考

有关完整的属性和方法参考,请访问我们的《JavaScript窗口对象参考》。

参考部分包含所有窗口属性和方法的描述和示例。

JS Window ScreenJS DOM Navigation
上一篇:无
下一篇:JS Window Screen