Javascript浏览器对象模型BoM要点总结

BOM要点总结篇

温故而知心！！学到的东东，必须要总结一下，方便自己，巩固自己。今天我为大家总结一下BOM当中的一些要点：

一、Windows对象

1.窗口的操作

　　windows对象对操作浏览器窗口非常有用。用以下四种方法来实现对窗口的移动以及调整大小。

moveBy(dx,dy)-----把浏览器窗口相对当前位置水平移动dx个像素，垂直移动dy个像素。dx值为负数，向左移动窗口，dy为负数，向上移动窗口。
moveTo(x,y)-----移动窗口，使他的左上角位于用户的（x,y）处。可以使用负数，不过这样会把部分窗口移除屏幕的可视区域。这个方法和上面的moveBY的区别在于一个是相对位置，一个是绝对位置。
resizeBY(dw,dh)----相对于浏览器窗口的当前大小，把它的宽度调整dw个像素，高度调整dy个像素。

　　　4、resizeTo(w,h)-----把窗口的宽度调整到宽为w，高为H的大小，记住这里不能用负数。

例如：

//将窗口向右移动10个像素，向下移动20个像素

window.moveBy(10,20);

//移动窗口，使他的宽度为150，高度为300

window.resuzeTo(150,300);

.........

2.在新的窗口打开连接！

用JavaScript可以当行到指定的url，并用window.open()方法来打开新的窗口。

语法：

　　document.open(mimetype,replace);

　　　　　　　　mimetype:参数，规定正在写文档的类型。

　　　　　　　　replace：参数，当此参数设置后可引起新文档从父文档继承历史条目。

　　　　　　重要事项：调用 open() 方法打开一个新文档并且用 write() 方法设置文档内容后，必须记住用 close 方法关闭文档，并迫使其内容显示出来。

2.系统对话框

　　　　除弹出新的浏览器窗口，还可使用其他方法向用户弹出信息，即利用window对象的alert（）、confirm（）和promt（）方法

　　　　aler（“hellow world”）；调用alert（）方法后，浏览器将创建一个具有ok安妞的系统消息框；

　　　confirm（“are you sure？”）；这个和上面的消息框的区别在于后者多了是与否的选项按钮。

　　　　3.时间间隔和暂停

　　　　　　　　setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

　　　　　　　　语法：setTimeout(code,millisec); code:被调用的代码串；millisec：执行代码前需要等待的时间

　　　　　　　　setTimeout(function(){alert("hellow world);},1000)当然还可以引用以前定义的函数；

function sayHellowworld(){

　　　　　　　　　　alert("Hellow world")};

　　　　　　　　　setTimeout(sayHellowworld,1000);

在调用setTimeout()时，它创建一个数字暂停的ID，暂停ID本质上是要延迟的进程的ID，在调用setTimeout()后，就不应该在执行它的代码，要取消未执行是代码就需要用到clearTimeout()方法：cleaTimeout()

提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

l 历史浏览：

history.对象

History 对象

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。

IE: Internet Explorer, F: Firefox, O: Opera.

History 对象属性

length：返回浏览器历史列表中的 URL 数量。

History 对象方法

back():加载 history 列表中的前一个 URL。

forward()加载 history 列表中的下一个 URL

go()加载 history 列表中的某个具体页面。