`
xuning227
  • 浏览: 75412 次
  • 性别: Icon_minigender_1
  • 来自: 新疆
文章分类
社区版块
存档分类
最新评论
阅读更多
•BOM是Browser Object Model的缩写,简称浏览器对象模型


能利用BOM做什么?
BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置,改变窗口大小,打开新窗口和关闭窗口,弹出对话框,进行导航以及获取客户的一些信息如:浏览器品牌版本,屏幕分辨率。


window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的。因此调用它的子对象时可以不显示的指明window对象。

window -- window对象是BOM中所有对象的核心。window对象表示整个浏览器窗口,但不必表示其中包含的内容。此外,window还可用于移动或调整它表示的浏览器的大小,或者对它产生其他影响。

JavaScript中的任何一个全局函数或变量都是window的属性

window的子对象
•document 对象
•frames 对象
•history 对象
•location 对象
•navigator 对象
•screen 对象

window对象的方法
窗体控制
moveBy(x,y)——从当前位置水平移动窗体x个像素,垂直移动窗体y个像素,x为负数,将向左移动窗体,y为负数,将向上移动窗体
moveTo(x,y)——移动窗体左上角到相对于屏幕左上角的(x,y)点,当使用负数做为参数时会吧窗体移出屏幕的可视区域
resizeBy(w,h)——相对窗体当前的大小,宽度调整w个像素,高度调整h个像素。如果参数为负值,将缩小窗体,反之扩大窗体
resizeTo(w,h)——把窗体宽度调整为w个像素,高度调整为h个像素
窗体滚动轴控制
scrollTo(x,y)——在窗体中如果有滚动条,将横向滚动条移动到相对于窗体宽度为x个像素的位置,将纵向滚动条移动到相对于窗体高度为y个像素的位置
scrollBy(x,y)—— 如果有滚动条,将横向滚动条移动到相对于当前横向滚动条的x个像素的位置(就是向左移动x像素),将纵向滚动条移动到相对于当前纵向滚动条高度为y个像素的位置(就是向下移动y像素)
窗体焦点控制
focus()—— 使窗体或控件获取焦点
blur()——与focus函数相反,使窗体或控件失去焦点
新建窗体
open()——打开(弹出)一个新的窗体
close()——关闭窗体
opener属性——新建窗体中对父窗体的引用,中文"开启者"的意思


window.open方法语法
window.open(url, name, features, replace);
open方法参数说明
•url -- 要载入窗体的URL
•name -- 新建窗体的名称(目标,将在a 标签的target属性中用到,当与已有窗体名称相同时将覆盖窗体内容).open函数默认的打开窗体的方式为target的_blank弹出方式,因此页面都将以弹出的方式打开
•features -- 代表窗体特性的字符串,字符串中每个特性使用逗号分隔
•replace -- 一个布尔值,说明新载入的页面是否替换当前载入的页面,此参数通常不用指定

。。。。。。。看cj
分享到:
评论

相关推荐

    JavaScript BOM操作 示例代码

    JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript ...

    JavaScript bom操作 window-event 示例代码

    JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码...

    JavaScript bom操作 window对象的方法 示例代码

    JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 ...

    JavaScript BOM操作 计时器趣味案例 示例代码

    JavaScript BOM操作 计时器趣味案例 示例代码JavaScript BOM操作 计时器趣味案例 示例代码JavaScript BOM操作 计时器趣味案例 示例代码JavaScript BOM操作 计时器趣味案例 示例代码JavaScript BOM操作 计时器趣味...

    JavaScript BOM操作 window对象的子级对象 示例代码

    JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码...

    javascript bom组成.doc

    JavaScript的BOM(Browser Object Model,浏览器对象模型)是一组允许开发者与浏览器窗口进行交互的对象。BOM的核心是`Window`对象,它提供了与浏览器窗口相关的各种功能,如弹出新窗口、移动或关闭窗口、调整窗口...

    JavaScript BOM.pdf

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

    Javascript BOM学习小结(六)

    JavaScript BOM(浏览器对象模型)是JavaScript与浏览器交互的核心机制,允许开发者操作浏览器窗口、导航、弹出对话框等。由于BOM并没有统一的标准,不同的浏览器对它的实现可能存在差异,因此在编写涉及BOM的代码时...

    JS(BOM_DOM).docx

    JavaScript,简称JS,是一种广泛应用于Web开发的脚本语言,主要由三个核心组成部分构成:ECMAScript、DOM(文档对象模型)和BOM(浏览器对象模型)。本文将深入讲解这三部分,特别是BOM和DOM在JavaScript中的应用。 ...

    JS(Dom+Bom).docx

    JavaScript,简称JS,是一种轻量级的脚本语言,广泛应用于网页和网络应用开发,尤其在客户端渲染方面占据重要地位。它基于对象和事件驱动,这意味着你可以直接利用内置的对象进行操作,并通过事件来触发程序的执行。...

    JS_BOM.mmap

    希望这个 验证可以帮助更多 对前端热爱的人员,只要心中有梦我们的前端梦就会继续! 另外 希望如果不喜欢可以不评论,但是不要对作品进行诋毁!

    BOM知识点汇总

    **JavaScript BOM(浏览器对象模型)知识点汇总** 在JavaScript中,BOM(Browser Object Model)是浏览器提供的一系列接口,允许我们与浏览器环境进行交互,包括处理窗口、导航、历史记录、cookies、时间、弹出框等...

    BOM和DOM模型图

    在Web开发中,BOM(Browser Object Model)和DOM(Document Object Model)是非常重要的两个概念,它们构成了前端JavaScript操作网页的基础。 ##### BOM:浏览器对象模型 BOM并不是一个标准,而是浏览器厂商为了...

    javascript bom是什么及bom和dom的区别

    JavaScript BOM,全称Browser Object Model,即浏览器对象模型,它是JavaScript与浏览器进行交互的一系列对象的集合。BOM的核心对象是`window`,通过它,开发者可以操作浏览器窗口的各种特性,如改变窗口大小、位置...

    JS中的BOM应用

    【JavaScript BOM应用详解】 JavaScript (JS) 是一种强大的脚本语言,主要应用于网页和网络应用开发。JS 由ECMAScript(语法)、DOM(文档对象模型)和BOM(浏览器对象模型)三大部分组成。BOM允许JS与浏览器进行...

    Js-Bom-refrence:Js Bom Refrence

    在"Js-Bom-refrence"这个资源中,我们可以期待找到关于JavaScript BOM的详细参考指南。 1. **窗口对象(Window Object)** 窗口对象是所有JavaScript全局变量和函数的容器,包括`document`、`location`、`history`...

    js的bom操作

    浏览器对象模型(BOM),是JavaScript语言中的一种对象模型,它提供了浏览器对象的信息和操作方法。通过BOM,可以获取当前浏览器对象上的一系列内容,并实现各种功能。 BOM的功能 1. 打开和关闭网页 2. 获取当前...

Global site tag (gtag.js) - Google Analytics