JavaScript学习_第9章_window对象

本章目录

1.BOM-浏览器对象模型

2.Window对象概述

3.Window对象的方法

4.Window对象的属性

 

 

BOM-浏览器对象模型

    浏览器本身就有一些对象,不用创建就可以使用。这些对象是BOM(BrowserObjectModel)--浏览器对象模型定义的。

    IE3.0与Netscape Navigator3.0浏览器有浏览器对象模型特性,允许访问和操控浏览器窗口。研发者通过使用BOM,可移动窗口、更改状态栏文本、执行其它不与页面内容发生直接联系的操作。

    BOM是JavaScript应用中唯一没有相关标准的部分,这是BOM真正独特且经常出现问题的所在。 BOM主要处理浏览器窗口与框架,但事实上,浏览器特有的JavaScript扩展都被认作是BOM的一部分,这些扩展包括:

    1. 弹出新浏览器窗口的能力;
    2. 移动、关闭和更改浏览器窗口大小的能力;
    3. 可提供WEB浏览器详细信息的导航对象;
    4.可提供浏览器载入页面详细信息的本地对象;
    5 .可提供用户屏幕分辨率详细信息的屏幕对象;
    6. 支持Cookies;
    7. Internet Explorer对BOM进行扩展以包括ActiveX对象类,可以通过JavaScript来实现ActiveX对象。
    由于BOM没有相关标准,每个浏览器都有其自己对BOM的实现方式。BOM有窗口对象(window)、导航对象等一些实际上已经默认的标准,但对于这些对象和其它一些对象,每个浏览器都定义了自己的属性和方式。

 

window对象概述

    window对象是浏览器对象中最外层的对象,它代表当前浏览器窗口。

    window的子对象有:

     window的属性:

  • status  状态栏。
  • opener 在子窗体中,代表父窗体的对象。
  • closed 窗体是否被关闭的标识。

 

     window的内置方法:

  • alert()                    弹出消息框。
  • confirm()               弹出确认框。
  • setInterval()          设定周期计划。
  • clearInterval()       清除周期计划。
  • setTimeout()         设定定时。
  • clearTimeout()      清除定时。
  • open()                   开启新窗体

 

 说明:window对象的子对象,属性,方法使用时可以省略window。

 

window对象的方法

     window对象有一些内置的方法,如alert(),confirm();用户自己写的方法如果没标明是某个对象的,那么它默认就是window对象的方法。比如function demo(){} ,demo()方法没有标明是哪个对象的,那么它默认就是window的方法(这也是为什么自己写的方法可以不写对象名就能使用的原因)。

--confirm(消息)方法

  
  
  
  
  1. confirm(message) 

   confirm(message) 方法用于显示一个带有指定消息(message的内容)和 OK 及取消按钮的对话框。

说明:

    要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本),所以message必须是文本。

    如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。

    在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

 

--setInterval(code,millisec[,"lang"])方法

  
  
  
  
  1. setInterval(code,millisec[,"lang"]) 

    code: 必需。要调用的函数或要执行的代码串。code是一段代码,这段代码可以是一个函数调用,或几行语句。但这里的code绝不是回调函数,比如code的值是test(),test()只是个函数调用,它不是回调函数,如果是回调函数的话,这里应该就写成函数名test了

    millisec: 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

    返回id_of_setinterval,返回一个ID用于清除周期调用。

    此方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

    setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

 

--clearInterval(id_of_setinterval)方法

  
  
  
  
  1. clearInterval(id_of_setinterval) 

    id_of_setinterval:由 setInterval() 返回的 ID 值。

   此方法可取消由 setInterval() 设置的 timeout。

注意

   id_of_setinterval必须和setInterval返回的ID相同。

 

--setTimeout(code,millisec)方法

  
  
  
  
  1. setTimeout(code,millisec) 

   code:         必需。要调用的函数后要执行的 JavaScript 代码串。
   millisec :    必需。在执行代码前需等待的毫秒数。

   返回id_of_settimeout,用于clearTimeout清除定时器。   

    此方法用于在指定的毫秒数后调用函数或计算表达式。

提示

    setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

 

--clearTimeout(id_of_settimeout)方法

  
  
  
  
  1. clearTimeout(id_of_settimeout) 

   clearTimeout: 由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

   此方法可取消由 setTimeout() 方法设置的 timeout。

 

--open (URL,name,features,replace)方法

  
  
  
  
  1. open(URL,name,features,replace) 

      URL:     一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
     name  :   一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 <a> 和 <form> 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。
     features  :   一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。在窗口特征这个表格中,我们对该字符串的格式进行了详细的说明。
     replace  :  一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:

  • true - URL 替换浏览历史中的当前条目。
  • false - URL 在浏览历史中创建新的条目。

    返回值:子窗体的对象。

     此方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

注意

    请不要混淆方法 Window.open() 与方法 Document.open(),这两者的功能完全不同。为了使您的代码清楚明白,请使用 Window.open(),而不要使用 open()。

    open()和target="_blank"的异同:

  • 同:他们都是打开一个新窗口。
  • 异:target打开的新窗体和原窗体没有联系;open()打开的新窗体和原窗体有联系。

 

 window对象的属性

--openner属性

    在子窗体中,代表父窗体对象。

 

--parent属性

   和分帧(frames)有关,代表上一个分帧。

 

--top属性

   和分帧有关,代表最上层分帧。

 

 

 

你可能感兴趣的:(js)