JS笔记02-BOM&window

来源：互联网发布：m.taobao.com淘宝网编辑：程序博客网时间：2024/05/22 00:07

JS-BOM

BOM是browser object model的缩写，简称浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window，它由一系列相关的对象构成，并且每个对象都提供了很多方法与属性，但它缺乏标准（我想这可能为什么很少有BOM规范手册的原因吧），JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，而BOM最初是Netscape浏览器标准的一部分。

Js-bom的对象：

Window对象：

Window对象是BOM所有对象的父对象，其它的BOM对象可以看做是Window的属性，甚至Document对象也可以看成window的子对象。

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

例如：

var str="dreamdu";//声明全局变量str后，str就是window的属性了

document.write(str==window.str);//结果输出true

</script>

Window的子对象：

document、frames、history、location、navigator、screen。

Window的函数（方法）：

1）窗体控制 //窗体控制方法已过时，现在好多浏览器不支持，但老式IE支持

moveBy(x,y)：窗口相对于原来位置偏移，其中x，y别是水平和垂直移动像素数，x为正数代表向右移动，y为正数代表向下移动，x、y都可以为负即向左或上移动。

moveTo(x,y)：窗口移动到x,y。X代表离屏幕左上角x个像素距离。Y代表离屏幕左上角y个像素距离。

resizeBy(x,y)：窗口大小变化多少。

resizeTo(x,y)：窗口大小变为多少。

2）滚动条控制

scrollTo(x,y)：在窗体中如果有滚动条，将横向滚动条移动到相对于窗体宽度为x个像素的位置，将纵向滚动条移动到相对于窗体高度为y个像素的位置。

scrollBy(x,y)：如果有滚动条，将横向滚动条移动到相对于当前横向滚动条的x个像素的位置(就是向左移动x像素)，将纵向滚动条移动到相对于当前纵向滚动条高度为y个像素的位置(就是向下移动y像素)。

3）窗口焦点控制

focus()：使窗体或控件获取焦点，当窗体获取焦点时，窗体就在最前显示

bulr()：与focus函数相反，使窗体或控件失去焦点

4）新建窗体

open(url, name, features, replace)：打开（弹出）一个新窗体，url:要载入的url，name:新建窗体的名称(也可以是HTML target属性的取值，目标)，如果使用已有的窗体或框架名称作为name参数，那么url网址将在这个窗体或框架页面载入即覆盖新网页覆盖目标网页，feature:代表窗体特性的字符串，字符串中每个特性使用逗号分隔，replace:一个布尔值，说明新载入的页面是否替换当前载入的页面，此参数通常不用指定。

open的name以及features具体可以看:http://www.dreamdu.com/javascript/window.open/

例子：

close()：关闭窗体，对于open()函数开的窗体，使用close()将直接关闭，对于非open()打开的窗体调用close()时将弹出关闭信息，询问是否关闭，用户可以选择不关闭。

opener：属性，表示对新建窗体的引用。

5）对话框

alert(str)：弹出提示框，str为提示框的信息文本。

confirm(str)：弹出消息对话框（对话框中包含一个OK按钮与Cancel按钮），参数str是显示在对话框中的文本，返回值为boolean值，当用户点击确认时，返回true，点击取消时，返回false。

prompt(str1,str2)：弹出消息对话框（对话框中包含一个OK按钮、Cancel按钮与一个文本输入框）。str1是显示在对话框中的消息文本，它不可更改，str是文本框中的内容，它可以更改。如果点击确认键，则将文本框中的内容返回，若点击取消，则返回null。

6）时间等待与间隔函数

setTimeout(codes,interval):暂停指定的毫秒数后执行指定的代码。codes代码段的字符串表示(与eval函数的参数相同)，或者是匿名函数、函数名。interval等待的毫秒数(通常用于产生动画效果)。返回值为该函数的一个ID标识。

clearTimeout(id):参数为setTimeout返回的id，js中可用var变量接收传值。如果还没执行

setTimeout函数中的代码，就调用了clearTimeout函数，那么就不会执行setTimeout函数中的代码了。

setInterval(codes,interval):重复间隔一段时间执行代码，参数与返回值类型与SetTimeout一样

clearInterval(id):取消指定的setInterval函数将要执行的代码。参数为setInterval返回的ID。

----------------

w3c没有完整的js-bom教程，建议大家直接网上直接搜js-bom，这样就有关于它的详细讲解的教程了。

推荐两个网站：

http://www.runoob.com/js/js-window.html

http://www.dreamdu.com/javascript/what_is_bom/

它们都是有关js-bom的，讲的比较全，它们都是学习网站，可在它们首页跳转别的知识链接

0 0