标签：javascript

    javascript看了也一段时间了，前面讲的是基础的知识，还是很好理解的，后面的内容有些也很基础，像BOM，都是介绍的javascript的基础内容，下面对它进行一下小小的总结。

    先来一张小图：

一、BOM基础

    BOM是browser object model的缩写，简称浏览器对象模型。它提供了很多对象，用于访问浏览器的功能,也就是对浏览器进行操作的。浏览器又显示的内容，而BOM就是承载着我们看到内容的一个载体。BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口，提供访问文档各个功能部件（如窗口本身、屏幕功能部件、浏览历史记录等）的途径以及操作方法。

    但是BOM缺少规范，每个浏览器提供商又按照自己想法去拓展它，那么浏览器共有对象就成了事实的标准，所以，BOM本身是没有标准的或者还没有哪个组织去标准它。

    BOM主要用于管理浏览器窗口之间的通讯，由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。通过BOM我们可以学到与浏览器窗口交互的一些对象，可以移动，调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器，操作系统与用户屏幕信息的navigator与screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames对象等。因此它的核心对象是window。

二、window对象

它表示浏览器的一个实例，是js中最顶层的对象，所有的对象都是window旗下的，它有六大属性，这六大属性本身也是对象。Window对象旗下的document属性也是对象，并且document对象旗下的五大属性也是对象，下面这张图很好的诠释了这种关系。

1.系统对话框

   也就是弹出框，页面提示框，有三种方法：

alert（）直接弹出警告，只有确定按钮

confirm（）包括确定和取消按钮，本身可以返回一个布尔值

prompt（）输入提示框，比confirm（）多了一个文本框

2.新建窗口

   可以设置打开方式和页面标题显示，并且可以设置窗口属性

<span style="font-family:KaiTi_GB2312;font-size:18px;">open(‘http://blog.csdn.net/ww130929’);            //新建页面并打开
open(‘http://blog.csdn.net/ww130929’,’wwwcsdn’);   //新建页面并命名窗口打开页面
open(‘http://blog.csdn.net/ww130929’,’_parent’);  //在本页打开百度，_blank是在另外一个窗口打开</span>

3.窗口位置和大小

   不同的浏览器可能会有一些差异，这里就不再介绍。

4.定时器

    以下代码的例子使用了超时调用，是在指定的时间过后执行代码，还有一种是间歇调用，是每隔指定的时间就执行一次代码。

<span style="font-family:KaiTi_GB2312;font-size:18px;">var num = 0;
var max = 5;
var id = null;
 
function box() {
   num++;
   document.getElementById("a").innerHTML += num;
    if(num==max ) {
       clearInterval(id);
       alert("5秒到了！");
   }
}
id=setInterval(box,1000)</span>

三、location对象

    地址对象，提供了与当前窗口中加载的文档有关的信息，也就是描述某一个窗口打开的地址，还提供了一些导航功能，location对象是window对象的属性，也是document对象的属性，所以window.location和document.location等效。它的基本属性和方法如上图中所以。

四、history对象

    它是window对象的属性，它保存着用户上网的记录，从窗口被打开的那一刻算起。

<span style="font-family:KaiTi_GB2312;font-size:18px;">function back() {
    history.back();          //跳转到前一个URL
}
 
function forward() {
    history.forward();
}
 
function go(num) {
    history.go(num);
}</span>

五、总结

    写完之后感觉都是很基础，很浅显的东西，这个阶段暂时进行到这个程度。如果不总结感觉视频就是看过去了，没有什么收获，这样总结之后才会觉得心理不至于空落落的。一些基础的东西还是有必要总结一下，这样才会感觉是自己的。

【JavaScript】BOM基础总结

标签：javascript

原文地址：http://blog.csdn.net/ww130929/article/details/48062519