javaScript window对象

来源：互联网发布：数据库update语法编辑：程序博客网时间：2024/05/16 19:05

（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" onclick="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'" onclick="openWin()" /></body></html>

0 0