1.window对象

1.1 window对象

     window对象是BOM的核心、window对象指当前的浏览器窗口

     所有JavaScript全局对象 、函数以及变量均自动成为window对象的成员

     全局变量是window对象的属性

     全局函数是window对象的方法

     甚至HTML DOM的document也是window对象属性之一

1.2 window.innerHeight  浏览器窗口的内部高度

     window.innerWidth  浏览器窗口的内部宽度

 

Window.html

1  2  3      4         
      5          6      7      8         按钮
 9         17     18 

 

2.计时器

2.1 计时事件

      通过使用JavaScript，我们可以做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行，称之为计时事件。

2.2 计时方法

      1>setInterval()  间隔指定的毫秒数不停的执行指定的代码

          clearInterval()  方法用于停止setInterval()方法执行的函数代码

      2>setTimeout()  暂停指定的毫秒数后执行指定的代码

          clearTimeout()  方法用于停止执行setTimeout()方法的函数代码

 

JiShiQi.html

1  2  3      4         
      5          6      7      8         
 9         stopTime()
10         myWin()
11         myWinXh()
12         stopWin()
13         47     48 

 

3.History对象

3.1 History对象

     window.history对象包含浏览器的历史(url)的集合

3.2 History方法

     history.back()  与在浏览器点击后退按钮相同

     history.firward()  与在浏览器点击向前按钮相同

     history.go()  进入历史中的某个页面

 

index.html

1  2  3      4         
      5          6      7      8         
     15         16         17         跳转到History18     19 

History.html

1  2  3      4         
      5          6      7      8     
     15         16         
17         
     
      18             
      19         
     
20         登录21         31     32 

 

4.Location对象

4.1 Location对象

     window.location对象用于获得当前页面的地址(url)，并把浏览器重定向到新的页面。

4.2 Location对象的属性

     location.hostname 返回web主机的域名

     location.psthname  返回当前页面的路径和文件名

     location.port  返回web主机的端口

     location.protocol  返回所使用的web协议(http://或https://)

     location.href  属性返回当前页面的URL

     location.assign()  方法加载新的文档

 

Location.html

1  2  3      4         
      5          6      7      8         gethostname 9         
10         15         16         getpathname17         
18         23         24         getport25         
26         31         32         gethref33         
34         39         40         getassign41         
42         47         48     49 

 

5. screen对象

5.1 Screen对象

      window.screen对象包含有关用户屏幕的信息

5.2 属性

      screen.availWidth  可用的屏幕宽度

      screen.availHeight  可用的屏幕高度

      screen.Height  屏幕高度

      screen.Width  屏幕宽度

 

Screen.html

1  2  3      4         
      5          6      7      8         13     14