`
sqlxx
  • 浏览: 17480 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

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.
分享到:
评论

相关推荐

    BOM browser objcet model.docx

    浏览器对象模型(BOM,Browser Object Model)是JavaScript与浏览器交互的一种方式,它定义了浏览器窗口中的各种对象,包括文档、导航、历史记录等。学习BOM,实际上就是理解和操作`window`对象及其子对象。 在BOM...

    2 妙味课堂原创JavaScript视频教程 DOM 2课 BOM课程资料

    在本套“妙味课堂原创JavaScript视频教程”中,将深入讲解DOM(Document Object Model)和BOM(Browser Object Model)两个关键概念。 DOM是HTML和XML文档的编程接口,它将网页内容结构化为一个树形结构,使得...

    Browser Object Model-crx插件

    Browser Object Model(BOM)是Web开发中的一个重要概念,它允许JavaScript与浏览器进行交互,获取或修改窗口、框架、导航历史、cookies等信息。在这个"Browser Object Model-crx插件"中,我们可以推测它是为了帮助...

    The-JS-browser-object.zip_javascript

    浏览器对象模型(Browser Object Model, BOM)是JavaScript与浏览器进行交互的基础,下面我们将详细探讨这个主题。 一、Window对象 Window对象是BOM的核心,它是所有其他浏览器对象的父对象。它代表了浏览器的窗口...

    JavaScript基础详细.7z

    BOM(Browser Object Model):提供操作浏览器的属性和方法,如弹出框、获取分辨率等。 JavaScript引入方式 内嵌式:直接在HTML标签中使用JavaScript代码。 嵌入式:将JavaScript代码写在<scr

    JavaScript_2_DOM和BOM1

    JavaScript 的 DOM(Document Object Model)和 BOM(Browser Object Model)是两种不同的对象模型,它们都是 JavaScript 语言的核心组件。DOM 是一种编程接口,用于访问和操作 HTML 文档中的所有元素,而 BOM 则是...

    轻轻松松学用javascript编程_pp.rar

    - Browser Object Model(BOM)允许JavaScript与浏览器进行交互,如改变窗口大小、位置,处理cookies,或者操作浏览器历史记录。 5. 事件处理: - JavaScript通过监听和处理事件,如点击、滚动、加载等,实现用户...

    JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

    JavaScript中的浏览器对象模型BOM(Browser Object Model)是用于控制浏览器窗口和框架的一种技术。BOM并非是ECMAScript标准的一部分,但其被所有主流的浏览器所支持,它允许JavaScript程序与浏览器窗口进行交互。 ...

    javascript中的BOM与DOM、JS核心.pdf

    BOM(Browser Object Model)对象是JavaScript访问、控制、修改客户端(浏览器)的对象,通过访问BOM对象,可以访问、检索、修改XHTML文档内容与结构。BOM对象包含了DOM(Document Object Model)模型的根节点。 ...

    Professional.JavaScript.for.Web.Developers 3rd Ed Nicholas Zakas

    #### 八、浏览器对象模型(Chapter 8:The Browser Object Model) 讲解了BOM的基本概念和主要功能。 - **窗口对象**:作为顶级对象,包含浏览器窗口的所有信息。 - **定时器**:使用`setTimeout()`和`setInterval...

    JavaScript BOM.pdf

    JavaScript BOM(Browser Object Model)是JavaScript中的一种对象模型,它提供了访问和操作浏览器窗口、文档和其他浏览器对象的方法。BOM主要包括Window、Document、Location、History、Navigator和Screen等对象。 ...

    JavaScript_BOM.txt

    浏览器对象模型(Browser Object Model,简称 BOM)是 JavaScript 中一个重要的概念,它提供了与浏览器窗口交互的方法和属性。通过 BOM,开发者可以控制浏览器窗口的行为,如改变窗口大小、位置,甚至创建新的窗口等...

    javascript操作BOM对象.docx

    本文档主要介绍了 JavaScript 操作 BOM( Browser Object Model)对象的相关知识点,包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...

    slide-bom:浏览器对象模型 (BOM) 的网页幻灯片

    "Slide-BOM: 浏览器对象模型(BOM)的网页幻灯片" 是一个关于Web开发的主题,特别是聚焦在JavaScript中的浏览器对象模型(Browser Object Model)。"滑动炸弹"可能是指一种动态效果或者交互设计,其中幻灯片以滑动方式...

    【JavaScript源代码】JavaScript中BOM和DOM详解.docx

    JavaScript中的BOM(Browser Object Model,浏览器对象模型)和DOM(Document Object Model,文档对象模型)是两个核心概念,它们都是JavaScript与网页交互的关键部分。 **BOM(浏览器对象模型)** 1. **Window...

    javaScript api

    4. BOM:Browser Object Model是浏览器提供的JavaScript API,允许开发者访问和控制浏览器的特性,如浏览器窗口、历史记录、cookies、地理位置等。例如,`window.location`属性用于获取或更改当前页面的URL,`...

    JavaScript 浏览器对象模型BOM原理与常见用法实例分析

    BOM:Browser Object Model,浏览器对象模型 从上图也可以看出: window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。 DOM是BOM的一部分。 window对象: window对象是...

    10JavaScript浏览器对象模型BOM.docx

    JavaScript浏览器对象模型(BOM,Browser Object Model)是JavaScript在Web开发中用于操作浏览器特性的核心部分。它不依赖于HTML文档对象模型(DOM),而是提供了与浏览器交互的一系列对象,如Window、Navigator、...

    JavaScript王者归来 随书源码

    4. **BOM处理**:Browser Object Model(BOM)让开发者可以控制浏览器的非文档特性,如窗口大小、位置、历史记录、定时器、Cookies等,实现跨框架的交互。 5. **AJAX异步通信**:AJAX(Asynchronous JavaScript and...

Global site tag (gtag.js) - Google Analytics