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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么...
    霜天晓阅读 4,377评论 0 0
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,922评论 1 11
  • ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么 B...
    劼哥stone阅读 4,268评论 2 5
  • 2017年11月14日,如是家人张婷,种种子第104天 发心:我今不仅是为了我个人而闻思修,更是为了六道轮回一切如...
    井田婷婷阅读 1,166评论 0 1
  • 漫天的大雪 覆盖着每一座山峰 我一深一浅地艰难前行 你望着远方若有所思 忽略了雾气凝结在眼上的晶莹 我的手依旧冰冷...
    Jennifer娟子阅读 3,047评论 2 6

友情链接更多精彩内容