JavaScript操作BOM对象

原创 2018年04月16日 18:28:52

Window对象

浏览器对象模型(BOM)是JavaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的劳动力,提高设计Web页面的能力。BOM是一个分成结构。

使用BOM通常可实现如下功能:

1、弹出新的浏览器窗口

2、移动、关闭浏览器窗口及调整窗口的大小

3、在浏览器窗口中实现页面的前进、后退功能


常用的属性

名称属性
history有关客户访问过的URL的信息
location有关当前URL的信息
screen只读属性,包含有关客户端显示屏幕的信息

常用的方法

名称说明
prompt()显示可提示用户输入的对话框
alert()显示一个带有提示信息和一个确定"按钮"的警示对话框
confirm()显示一个带有提示信息、"确定"和"取消"按钮的对话框
close()关闭浏览器窗口
open()打开一个新的浏览器窗口,加载给定URL所指定的文档
setTimeout()

在指定的毫秒数后调用函数或计算表达式

setInterval()按照指定的周期(以毫秒计)来调用函数或表达式

窗口的特征属性


属性名称

      

heightwidth

窗口文档显示区的高度、宽度。以像素计

lefttop

窗口的x坐标、y坐标。以像素计

toolbar=yes | no  |1 | 0

是否显示浏览器的工具栏。黙认是yes

scrollbars=yes | no  |1 | 0

是否显示滚动条。黙认是yes

location=yes | no  |1 | 0

是否显示地址地段。黙认是yes

status=yes | no  |1 | 0

是否添加状态栏。黙认是yes

menubar=yes | no  |1 | 0

是否显示菜单栏。黙认是yes

resizable=yes | no  |1 | 0

窗口是否可调节尺寸。黙认是yes

titlebar=yes | no  |1 | 0

是否显示标题栏。黙认是yes

fullscreen=yes | no  |1 | 0

是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式

  


      

【BOM操作】JavaScript中的event对象之总结

Event属性和方法:  1. type:事件的类型,如onlick中的click;  2. srcElement/target:事件源,就是发生事件的元素;  3. button:...
  • itpinpai
  • itpinpai
  • 2015-08-08 12:32:48
  • 1176

javaScript中的对象、BOM、DOM知识点总结

一、  什么是javaScript对象?         对象是javaScript中最重要的API。         javaScript包含多种对象有:内置对象、外部对象(window对象、dom...
  • hhhhhggggddd
  • hhhhhggggddd
  • 2017-04-13 10:04:51
  • 524

实用JS系列——BOM常用对象

最近在着手项目的时候,意识到自己JS的欠缺。虽然看了不少JavaScript的视频,但真正项目中并不是经常遇到大且难的例子。所以JavaScript的基础还需要再打扎实,也就有了这一系列博客。这一系列...
  • u010066934
  • u010066934
  • 2015-01-15 19:34:57
  • 4383

Javascript之BOM对象

个人理解是,我们知道浏览器显示内容的主要对象是DOM。浏览器除了有显示的内容,还有一个重要的部分就是一个载体,它承载我们看到的内容。好比是一个框架。这个载体对象我们把它叫做BOM。所以,DOM 是属于...
  • wangyongxia921
  • wangyongxia921
  • 2014-03-03 20:57:33
  • 6579

【JavaScript】BOM总结

BOM(browser object model)浏览器对象模型的缩写。 ·        BOM提供了独立于内容而与浏览器窗口进行交互的对象 ·        由于BOM主要用于管理窗口与窗口之...
  • u012331102
  • u012331102
  • 2015-08-14 18:04:20
  • 502

Javascript之BOM与DOM讲解

一.Javascript组成JavaScript的实现包括以下3个部分:ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 (DOM)处理网页内容的方法和接口浏览器对象模型(BOM)...
  • qq877507054
  • qq877507054
  • 2016-05-13 15:36:09
  • 12516

Javascript——BOM(操作指南)

/** * 知识点: 1 掌握window对象 * 2 掌握location对象 * 3 掌握history对象 */ // BOM 也叫浏览器...
  • Lixuanshengchao
  • Lixuanshengchao
  • 2016-08-07 20:33:59
  • 1680

JS中BOM相关知识点总结

js中BOM相关知识小结
  • liujie19901217
  • liujie19901217
  • 2016-04-01 21:57:53
  • 2597

JAvaScript和DOM(文档对象模型)和BOM(浏览器对象模型)

DOM是针对XML但经过扩展用于HTML的应用程序编程接口DOM把整个页面映射成一个多层节点结构,HTML页面中的每一个组成部分都是某种类型的节点,这些节点也包含这不同类型的数据...
  • wang2963973852
  • wang2963973852
  • 2016-10-27 13:58:51
  • 1890

JavaScript之DOM对象与BOM对象的关系

BOM对象 JavaScript向程序员提供了一种操作Web浏览器的手段,例如,Javascript语言可以用来调整Web浏览器窗口的高度,宽度和屏显位置等属性。(引用自JavaScript+DOM编...
  • fengbird
  • fengbird
  • 2017-03-29 17:04:31
  • 1424
收藏助手
不良信息举报
您举报文章:JavaScript操作BOM对象
举报原因:
原因补充:

(最多只允许输入30个字)