BOM总结

  BOM(浏览器对象模型),提供了独立于页面内容而与浏览器窗口进行交互的对象。使用BOM,开发者可以移动窗口、改变状态栏的文本以及执行其他与页面内容不直接的动作。BOM由一系列相关的对象构成。

一、window 对象

  window对象是整个BOM的核心,所有对象和集合都以某种方式与window对象关联。

1.窗口操作

  window对象调整窗口的大小和位置:

    1)window.moveBy(dx,dy)--将浏览器窗口相对当前位置水平或垂直移动(px)到指定的距离(相对定位);

    2)window.moveTo(x,y)--移动浏览器窗口,使它的左上角位于屏幕的(x,y)处,可使用负数(绝对定位);

    3)window.resizeBy(dw,dh)--相对于浏览器窗口当前的大小改变为指定的宽度和高度(px),当为负数时,窗口则缩小(相对调整窗口大小)

    4)window.resizeTo(w,h)--调整窗口为指定的宽度和高度,不能为负数。

2.打开新窗口

  height:窗口的高度,单位像素;

  width:窗口的宽度,单位像素;

  Left:窗口的左边缘位置;

  top:窗口的上边缘位置;

  fullscreen:是否全屏,默认值no;

  location:是否显示地址栏,默认值yes;

  menubar:是否显示菜单栏,默认值yes;

  resizable:是否允许改变窗口大小,默认值yes;

  scrollbars:是否显示滚动条,默认值yes;

  status:是否显示状态栏,默认值yes;

  titlebar:是否显示标题栏,默认值yes;

  toolbar:是否显示工具条,默认值yes;

3.系统对话框

  1)window.alert--显示消息提示框

    Window.alert([message])

  2)window.confirm--显示一个确认提示框,点击Ok按钮是返回true,点击Cancel按钮时返回false;

    window.confirm([message])

  3)window.prompt--显示一个文本输入消息框,此方法接受两个参数,即要显示给用户的文本和文本框中的默认文本(可为空);

    window.prompt([message],[default])

4.状态栏

  浏览器状态的显示信息可以通过window.status属性直接进行修改。

    window.status="[message]"

5.时间间隔和暂停

  定时操作通常有两种使用目的,一种是周期性的执行脚本,如时钟;另一种则是将某个操作延时一段时间执行。window.setTimeout函数使其延时执行,且后面脚本正常运行。

  1)window.setInterval--用于设置定时器,每隔一段时间执行指定代码;

    window.setInterval(执行代码,等待的毫秒数)

  2)window.clearInterval--用于清除setInterval函数设定的定时器;

    window.clearInterval(阻止执行的代码id)

  3)window.setTimeout--用于设置定时器,在一段时间之后执行指定代码;

    window.setTimeout(执行代码,等待的毫秒数)

  4)window.clearTimeout--用于清除setTimeout函数设定的定时器;

    window.clearTimeout(阻止执行的代码id)

6.历史

  window.history访问浏览器窗口的历史,可使用length属性查看历史中的页面数,alert(history.length);

  window.history.go(前进为正数/后退为负数)/history.go(前进为正数/后退为负数)

  history.back()--返回一页

  history.forward()--前进一页

二、document 对象

  document 对象实际上是window 对象的属性,window 对象的任何属性和方法都可以直接访问。

  document 对象的集合:

  anchors:页面中所有锚的集合(由<a name=”anchorname”></a>表示);

  applets:页面中所有applet的集合;

  embeds:页面中所有嵌入式对象的集合(由<embed/>标签表示);

  forms:页面中所有表单的集合;

  images:页面中所有图像的集合;

  links:页面中所有链接的集合(<a href=”somewhere.html”></a>表示);

1)document.write/writeIn()--在当前文档中输入文字(writeIn比write末尾多一个换行);

  document.write/writeIn(text)

2 )document.open和document.close是一组方法,通常与document.write/writeIn方法配合使用。

  document.open--打开文档准备写入内容;

  document.close--用于关闭文档,同时将写出内容输出到页面;

三、location 对象

  location.href是最常用的属性,用于获取或设置窗口的URL,改变该属性的值,就可导航到新的页面:

  location.href=”http://www.baidu.com/“;

  location.assign()方法实现的是同样的操作:

  location.assign(”http://www.baidu.com/“);

  location.reload()方法有两种模式,即从浏览器缓存中重载(false),或从服务器端重载(true);

四、navigator 对象

  navigator 对象包含了关于Web浏览器的信息,浏览器的类型、版本信息都可以从对象中获取。

五、screen 对象

  screen 对象用于获取某些关于用户屏幕的信息;

  screen 对象的属性:

  availHeight:窗口可以使用的屏幕高度(px),其中包括操作系统元素(如window工具栏)需要的空间;

  availWidth:窗口可以使用的屏幕宽度(px);

  colorDepth:用户表示颜色的位数;

  height:屏幕的高度(px);

  width:屏幕的宽度(px);

时间: 2024-12-15 05:16:32

BOM总结的相关文章

诡异的json包含bom头

今日项目碰到 bom头跑错 Exception in thread "main" com.fasterxml.jackson.core.JsonParseException: Unexpected character ('' (code 65279 / 0xfeff)): expected a valid value (number, String, array, object, 'true', 'false' or 'null') at [Source: {"state&q

BOM

Q:BOM是什么? A:"浏览器对象模型".是Web中使用JS的核心.(而ECMAScript是JavaScript的核心). Q:window对象与全局变量有差别吗? A:全局变量不能通过delete操作符删除,而直接在windows对象上的定义的属性可以. var age = 29; window.color = "red"; delete window.age; //age不是全局变量,false delete window.color; //true ale

DOM_04之常用对象及BOM

1.添加:①var a=document.createElement("a"):②设置关键属性:③将元素添加到DOM树:a.parent.appendChild(a):b.parent.insertBefore(a,old):c.parent.replaceChlid(a,old): 2.优化:尽量少的操作DOM树,①如果同时添加父元素与子元素,应在内存中先将子元素拼到父元素下,再将父元素添加到DOM树:②如果添加多个平级子元素,应先将所有子元素放入文档片段,再将文档片段一次性添加到D

关于JSON解析的深坑之BOM头

    前言:在我们对Json字符串进行处理时,往往会碰到这个问题org.json.JSONException: Value of type java.lang.String cannot be converted to JSONObject,解析服务器返回的Json串时,JSONObject对象抛出了这个异常.其实这是返回的Json字符串含有BOM头导致的. 本人手拙,写的不好.望各位大虾见谅!!! 什么是JSON?  JSON(JavaScript Object Notation) 是一种轻

BOM和DOM

BOM 浏览器对象模型 BOM中的对象 Window对象:是指窗口对象,可通过Window对象的属性和方法控制窗口,例如打开或关闭一个窗口 History对象:指历史页面,通过History对象的属性和方法实现前进后退的功能 Location对象:指地址栏,通过属性的方法控制页面的跳转 Document对象:指网页中的内容,通过属性和方法控制页面元素 1.Window对象的常用方法: open(); close(); alert(); prompt(); confim(); setTimeout

BOM和DOM自己的一些小观点和认识

BOM主要针对的是浏览器的操作,常用的也就是五个对象:window对象 location对象 navigation对象 screen对象和history对象 window对象主要讲的就是对浏览器的一些操作,有一些常用的方法,比如alert comfirm prompt方法. location对象英文翻译过来就是位置对象,那么顾名思义就是对位置和偏移量之间的操作. navigation对象就好像一个导航的东西,告诉你一些URL里面的知识,和获取浏览器当前页面完整URL的一些信息. screen就是

xpages开发的bom管理系统

domino对流程设计是方便的,如果制作复杂逻辑的应用就难了,但是还是可以实现的,以前的一个bom管理系统,刚开始想使用java的ssh来做,后来为了统一平台,还是使用domino来做,经过长时间的研究终于出来了,这是使用xpages来做的,当然使用domino的form来做同样没有问题的,因为数据结构一样的,思路差不多,由于使用xpags已经久了,就不再使用form的web来做了.以下是界面,分享一下,以便给大家信心!

JSONP / DOM / BOM 部分总结

#JSONP 跨域请求 JSONP原理:通过动态创建script标签,利用其scr跨域的属性,访问其他域的服务器,请求数据并通过回调函数返回请求的结果 20:26 2017/7/13 突然发现在记事本按F5可以自动写出当前日期和时间,美滋滋 1.递归函数应该始终使用arguments.callee来递归的调用自身. 不要使用函数名 (函数名可能会发生变化)2.匿名函数 也叫 拉姆达函数3.关于闭包的作用域: 闭包的作用域链包含着它自己的作用域. 包含函数的作用域和全局作用域 通常,函数的作用域及

ALVtree 显示BOM结构

REPORT  z_barry_alv_tree1_bom MESSAGE-ID oo. TABLES: stpox.INCLUDE <icon>. CLASS: cl_gui_column_tree DEFINITION LOAD,       cl_gui_cfw DEFINITION LOAD . DATA: tree1  TYPE REF TO cl_gui_alv_tree ,      mr_toolbar TYPE REF TO cl_gui_toolbar . DATA: gs

BOM之history对象

前面的话 history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起.由于安全方面的考虑,开发人员无法得到用户浏览器的URL,但借由用户访问过的页面列表,可以在不知道实际URL的情况下实现后退和前进.本文将详细介绍BOM中的history对象 length history.length属性保存着历史记录的URL数量.初始时,该值为1.如果当前窗口先后访问了三个网址,history.length属性等于3 由于IE10+浏览器在初始时返回2,存在兼容性问题,所以该值并不常用 histor