`
- 浏览:
17480 次
- 性别:
- 来自:
杭州
-
javascript: The Browser Object Model(BOM)
window
- window对象是浏览器或者框架自身.top总是浏览器,parent是父框架,self表示自己.
window通常可以省略.
- 窗口操作: moveBy(dx, dy), moveTo(x, y),
resizeBy(dw, dh), resizeTo(w, h).
- 导航: window.open(url, frame
name, attribute). attribute可以是left, top, height, width, resizable,
scrollable, toolbar, status, location(all default no).
- window.open
返回新窗口引用,并且有一个opener对象表示父窗口
- window.close.
- 对话框:
alert, confirm, prompt.
- 状态栏: window.status, window.defaultStatus
- 时
间间隔和暂停: timeoutId = setTimeout("alert('hello world')", 1000);
clearTimeout(timeoutId);类似有setInterval和clearInterval.
- 历史:
window.history.go(+-n), history.back, history.forward. history.length
document
- alert(window.document
== document) == true. 他是唯一一个既属于DOM又属于BOM的对象
- 属性:title, URL,
referrer, lastModified
- 集合属性: anchors, applets, embeds, forms,
images, links.
- 方法: write, writeln.
必须在完全载入页面前调用write()和writeln()方法. 如果任何一个方法是在页面载入后调用的,它将抹去页面的内容,显示指定的内容.
location
- window和
document的属性,相互等价.
- 属性: hash(位于#后面的东西), host, hostname, href,
pathname, port, protocol, search(位于?后面的东西).
- 方法: assign(),
replace(), reload(false=从缓存中导入(default),true=从服务器端导入)
navigator和
screen对象
- navigator对象表示了浏览器本身,可以获取一些属性,但是各个浏览器支持不同.
- screen
对象可以得到用户系统的信息,如availHeight, availWidth(可用屏幕宽度和高度,排除了系统任务栏), colorDepth,
height, width.
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
浏览器对象模型(BOM,Browser Object Model)是JavaScript与浏览器交互的一种方式,它定义了浏览器窗口中的各种对象,包括文档、导航、历史记录等。学习BOM,实际上就是理解和操作`window`对象及其子对象。 在BOM...
在本套“妙味课堂原创JavaScript视频教程”中,将深入讲解DOM(Document Object Model)和BOM(Browser Object Model)两个关键概念。 DOM是HTML和XML文档的编程接口,它将网页内容结构化为一个树形结构,使得...
Browser Object Model(BOM)是Web开发中的一个重要概念,它允许JavaScript与浏览器进行交互,获取或修改窗口、框架、导航历史、cookies等信息。在这个"Browser Object Model-crx插件"中,我们可以推测它是为了帮助...
浏览器对象模型(Browser Object Model, BOM)是JavaScript与浏览器进行交互的基础,下面我们将详细探讨这个主题。 一、Window对象 Window对象是BOM的核心,它是所有其他浏览器对象的父对象。它代表了浏览器的窗口...
BOM(Browser Object Model):提供操作浏览器的属性和方法,如弹出框、获取分辨率等。 JavaScript引入方式 内嵌式:直接在HTML标签中使用JavaScript代码。 嵌入式:将JavaScript代码写在<scr
JavaScript 的 DOM(Document Object Model)和 BOM(Browser Object Model)是两种不同的对象模型,它们都是 JavaScript 语言的核心组件。DOM 是一种编程接口,用于访问和操作 HTML 文档中的所有元素,而 BOM 则是...
- Browser Object Model(BOM)允许JavaScript与浏览器进行交互,如改变窗口大小、位置,处理cookies,或者操作浏览器历史记录。 5. 事件处理: - JavaScript通过监听和处理事件,如点击、滚动、加载等,实现用户...
JavaScript中的浏览器对象模型BOM(Browser Object Model)是用于控制浏览器窗口和框架的一种技术。BOM并非是ECMAScript标准的一部分,但其被所有主流的浏览器所支持,它允许JavaScript程序与浏览器窗口进行交互。 ...
BOM(Browser Object Model)对象是JavaScript访问、控制、修改客户端(浏览器)的对象,通过访问BOM对象,可以访问、检索、修改XHTML文档内容与结构。BOM对象包含了DOM(Document Object Model)模型的根节点。 ...
#### 八、浏览器对象模型(Chapter 8:The Browser Object Model) 讲解了BOM的基本概念和主要功能。 - **窗口对象**:作为顶级对象,包含浏览器窗口的所有信息。 - **定时器**:使用`setTimeout()`和`setInterval...
JavaScript BOM(Browser Object Model)是JavaScript中的一种对象模型,它提供了访问和操作浏览器窗口、文档和其他浏览器对象的方法。BOM主要包括Window、Document、Location、History、Navigator和Screen等对象。 ...
浏览器对象模型(Browser Object Model,简称 BOM)是 JavaScript 中一个重要的概念,它提供了与浏览器窗口交互的方法和属性。通过 BOM,开发者可以控制浏览器窗口的行为,如改变窗口大小、位置,甚至创建新的窗口等...
本文档主要介绍了 JavaScript 操作 BOM( Browser Object Model)对象的相关知识点,包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...
"Slide-BOM: 浏览器对象模型(BOM)的网页幻灯片" 是一个关于Web开发的主题,特别是聚焦在JavaScript中的浏览器对象模型(Browser Object Model)。"滑动炸弹"可能是指一种动态效果或者交互设计,其中幻灯片以滑动方式...
JavaScript中的BOM(Browser Object Model,浏览器对象模型)和DOM(Document Object Model,文档对象模型)是两个核心概念,它们都是JavaScript与网页交互的关键部分。 **BOM(浏览器对象模型)** 1. **Window...
4. BOM:Browser Object Model是浏览器提供的JavaScript API,允许开发者访问和控制浏览器的特性,如浏览器窗口、历史记录、cookies、地理位置等。例如,`window.location`属性用于获取或更改当前页面的URL,`...
BOM:Browser Object Model,浏览器对象模型 从上图也可以看出: window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。 DOM是BOM的一部分。 window对象: window对象是...
JavaScript浏览器对象模型(BOM,Browser Object Model)是JavaScript在Web开发中用于操作浏览器特性的核心部分。它不依赖于HTML文档对象模型(DOM),而是提供了与浏览器交互的一系列对象,如Window、Navigator、...
4. **BOM处理**:Browser Object Model(BOM)让开发者可以控制浏览器的非文档特性,如窗口大小、位置、历史记录、定时器、Cookies等,实现跨框架的交互。 5. **AJAX异步通信**:AJAX(Asynchronous JavaScript and...