窗口
一、Window 对象
Window 对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。
1、对象属性
2、对象方法
二、打开窗口和关闭窗口
（一）打开窗口
1、使用open()方法打开新窗口
语法：
window.open("新窗口地址","新窗口名称","新窗口属性串");
2、open()方法常见属性
eg：
1 <html> 2 <head> 3 <title>打开窗口-属性设置</title> 4 <script language="JavaScript"> 5 <!-- 6 function open1(){ 7 window.open("http://www.ds5u.com","","height=100,width=600,menubar=yes,toolbar=yes,scrollbars=yes"); 8 } 9 function open2(){ 10 window.open("http://www.ds5u.com","","height=400,width=300,toolbar=no,scrollbars=no"); 11 } 12 //--> 13 </script> 14 </head> 15 <body> 16 <input type="button" onclick="open1()" value="打开"> 17 <input type="button" onclick="open2()" value="打开"> 18 </body> 19 </html>
（二）关闭窗口
1、使用close()方法关闭新窗口
语法：
如果要关闭本窗口：
window.close();
如果需要在父窗口里关闭弹出的新窗口：
var newwindow = window.open("网址，例如：http://www.baidu.com");
newwindow.close();
eg：
1 <html> 2 <head> 3 <title>关闭窗口</title> 4 <script language="JavaScript"> 5 <!-- 6 var windowobj; 7 function open1(){ 8 windowobj = window.open("http://www.ds5u.com"); 9 } 10 function close1(){ 11 windowobj.close(); 12 } 13 //--> 14 </script> 15 </head> 16 <body> 17 <input type="button" onclick="open1()" value="打开新窗口"/><br/> 18 <input type="button" onclick="close1()" value="关闭新窗口"/><br/> 19 <input type="button" onclick="window.close()" value="关闭本窗口"/> 20 </body> 21 </html>
如果在关闭本窗口时出现，收到浏览器的提示框（用来提醒用户是否确认关闭），可以在调用关闭窗口时调用如下代码取消这种提示：
window.opener = null；
三、延时设定（setTimeout())
1、setTimeout（）接受两个参数：第一个参数是需要执行的函数；第二个参数是延迟的毫秒数；
eg：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>js</title> 6 <script language="JavaScript"> 7 setTimeout("alert('延迟10秒！')",10000); 8 </script> 9 </head> 10 11 <body> 12 </body> 13 </html>
效果：页面打开10秒之后弹出：
2、clearTimeout()方法：消除延迟。与setTimeout()方法相对应，通常搭配起来使用
四、时间间隔设定（setInterval()）
setInterval()方法：每隔一段时间会执行设定的函数，除非消除掉这个方法，否则会一直循环下去。setInterval()方法同样包含两个参数：第一个参数是需要执行的函数，第二个参数是时间间隔，单位是毫秒。消除时间间隔的设定，用clearInterval()方法。
eg：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>js</title> 6 <script language="JavaScript"> 7 setInterval("alert('每隔10秒提示！')",10000); 8 </script> 9 </head> 10 11 <body> 12 </body> 13 </html>
五、移动窗口
窗口的移动分为两种方式：第一种是改变窗口与屏幕之间的相对位置；第二种是改变窗口内网页内容与窗口的相对位置。
1、使用moveTo()方法移动窗口到绝对位置
该方法接受两个参数，分别是窗口与屏幕在水平和垂直方向上的绝对位移
eg：
<script language="JavaScript"> <!-- window.moveTo(100,100); //--> </script>
2、使用moveBy()方法移动窗口到相对位置
该方法接受两个参数，分别是窗口与屏幕在水平和垂直方向上的相对位移
eg：
<script language="JavaScript"> <!-- window.moveBy(100,100); //--> </script>
3、使用scrollTo()方法滚动页面到窗口绝对位置
该方法接受两个参数，分别是页面与窗口在水平和垂直方向上的绝对位移
eg：
<script language="JavaScript"> <!-- window.scrollTo(100,100); //--> </script>
4、使用scrollBy()方法滚动页面到窗口相对位置
该方法接受两个参数，分别是页面与窗口在水平和垂直方向上的相对位移
eg：
<script language="JavaScript"> <!-- window.scrollBy(100,100); //--> </script>
六、改变窗口尺寸、使用状态栏
（一）改变窗口尺寸
1、使用resizeTo()方法改变窗口绝对尺寸
resizeTo()方法接受两个参数，分别是窗口的宽和高
eg:
<script language="JavaScript"> window.resizeTo(300,400); </script>
2、使用resizeBy()方法改变窗口相对尺寸
所谓相对尺寸，就是在当前尺寸的基础上，再进行尺寸的增减。
eg：
<script language="JavaScript"> window.resizeBy(300,400); </script>
（二）使用状态栏
状态栏是显示在浏览器窗口底部的一个提示区域。使用状态栏需要使用window对象的status属性。
eg：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>js</title> 6 7 </head> 8 9 <body> 10 <script language="JavaScript"> 11 window.status = "状态栏文字！"; 12 </script> 13 设置状态栏！ 14 </body> 15 </html>
七、常用的窗口对象
1、location对象：Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。
（1）对象属性
（2）对象方法
2、history对象：包含用户（在浏览器窗口中）访问过的 URL。
（1）对象方法
location.go(-1);与location.back()；效果是一样的。
3、navigator对象：包含有关浏览器的信息。
（1）对象属性
4、screen对象：包含有关客户端显示屏幕的信息。
（1）对象属性
