BOM基本概念

BOM

在Web 中使用JavaScript ,那么BOM(浏览器对象模型)才是真正的核心。
BOM 核心的核心是window,它表示浏览器的实例。

window对象

window对象是最顶层的对象。
window对象有六大属性,这六大属性本身也是对象。
window对象的document属性也是对象,并且document对象旗下也有五大属性。
document对象旗下的五大属性也是对象,总结:都是对象。

var age = 29;
function sayAge(){
    alert(this.age);
}

alert(window.age);  //29
sayAge();           //29
window.age();       //29

调用:
window的属性和方法的调用:window.属性window.方法();直接属性方法
定义全局变量与在window对象上直接定义属性的差别:全局变量不能通过delete操作符删除,而直接在window对象上定义的属性可以删除。

var age = 29;
window.color = "red";
delete window.age;      //false
delete window.color;    //true
alert(window.age);      //29
alert(window.color);    //undefined

var定义属性,可用delete删除。

open()方法可以导航到一个特定的URL ,也可以打开一个新的浏览窗口。
它接收4个参数,用前3个参数:

  1. 第1个参数是你将要导航到的URL;
  2. 第2个参数是窗口的名称或窗口的目标,命名可以给新窗口设置一个名称,凡是以这个名称打开的窗口,都在这个窗口加载URL。目标:_blank新建一个窗口,_parent表示在本窗口内加载。
  3. 第3个参数是特定的字符串,表示各种窗口配置的功能(整个字符串是不允许出现空格的)。

间歇调用和超时调用:
setTimeout()方法接收两个参数:要执行的代码和以毫秒表示的时间。
setInterval()方法接收两个参数:要执行的代码和每次执行之前需要等待的毫秒数。
clearTmimeout()方法可以将超市调用的Id 作为参数传递给它,取消尚未执行的执行的超时调用计划。

系统对话框
alert()confirm()prompt()方法可以调用系统对话框向用户显示消息。显示这些对话框的时候代码会停止执行,而关掉这些对话框后代码又会恢复执行。
alert()方法接受一个字符串并将其现实给用户。
confirm()方法返回的是布尔值,true表示单击了OK,false表示单击了Cancel 或单击了右上角的X 按钮。
prompt()方法这是一个“提示”框,用于用户输入一些文本。接受两个参数:要显示给用户的文本提示,文本输入域的默认值(可以是一个空字符串)。如果用户单机了OK 按钮,则返回文本输入域的值;如果用户单击了Cancel 或单击了右上角的X 按钮,则返回null

你可能感兴趣的:(BOM基本概念)