English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript基础教程

JavaScript 对象

JavaScript 函数

JS HTML DOM

JS 浏览器BOM

AJAX 基础教程

JavaScript 参考手册

JS Window 브라우저 객체 모델

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

窗口对象

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

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

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

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

window.document.write("Hello world")

与下面的相同

document.write("Hello world")

计算窗口大小

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

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

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

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 = "너비: "　+　w　+　"<br>높이: "　+　h;
}
</script>
테스트를 보세요‹/›

새 창 열기

window.open()메서드는 새 브라우저 창을 엽니다. 그리고 지정된 문서를 로드합니다.

다음 예제는 지정된 높이와 너비의 새 창에서 열립니다. " ko.oldtoolbag.com":

window.open("https://ko.oldtoolbag.com", "", "width=400, height=300");
테스트를 보세요‹/›

완전한 창 참조

완전한 속성 및 메서드 참조에 대한 자세한 정보는 다음을 방문하십시오.JavaScript 창 객체 참조>。

참조 부분에는 모든 창 속성과 메서드 설명 및 예제가 포함되어 있습니다.

JS Window ScreenJS DOM 탐색