(1)基本概念
1.所有浏览器都支持window对象,它表示浏览器窗口
2.全局变量是window对象的属性
HTML的document也是window对象的属性之一
window.document.getElementById("header");
3.全局函数是window对象的方法
(2)常用功能
1.获得浏览器窗口的尺寸
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
x=document.getElementById("demo");
x.innerHTML="Browser inner window width: " + w + ", height: " + h + "."
</script>
</body>
</html>
因为不同浏览器设置的位置不同,所以需要使用
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
2.打开一个新窗口
<!DOCTYPE html>
<html>
<head>
<script>
function open_win()
{
window.open("http://www.w3cschool.cc");
}
</script>
</head>
<body>
<form>
<input type="button" value="Open Window" οnclick="open_win()">
</form>
</body>
</html>
3.从新窗口传递数据回父窗口
<!DOCTYPE html>
<html>
<head>
<script>
function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>This is 'myWindow'</p>");
myWindow.focus();
myWindow.opener.document.write("<p>This is the source window!</p>");
}
</script>
</head>
<body>
<input type="button" value="Open 'myWindow'" οnclick="openWin()" />
</body>
</html>