DOM操作就是针对对象的操作

先写一个按钮，<input tupe="button" value=""  id="id">  这个按钮就是一个对象

var oBtn1 = document.getElementById(‘id‘);  理解为通过id来去元素，实用document这种DOM操作，然后将元素放到变量中。

oBtn1代表了这个按钮，对它的操作就会修改按钮

oBtn1.onclick = function(){

  alert(‘aaa‘);

}

通过id取到了一个按钮，用oBtn1代表，给这个按钮写了一个点击事件，只要点击一次就会触发一次函数内的代码（事件）。

window对象操作

window.open(‘页面地址‘,‘打开方式‘,‘控制窗口格式‘)

打开方式：_black 在新的窗口打开，_self在自身窗口打开。

控制窗口格式：【toolbar = no 新打开窗口无滚动条；

                    menubar = no 无菜单栏 

                    status = no 无状态栏 】  ------ 这三个不兼容

                    width  height 宽度  高度

                   resizable = no 窗口大小不可调

                   top  left   距离那里多少距离

window.close () 关闭当前窗口

关闭多个窗口的方法：

将打开的窗口保存在一个变量或者数组w中，然后w.close();

关闭当前窗口的父级窗口：window.opener.close();

                                    父级窗口

调整页面

window.moreTo(x,y)移动到页面的某一位置

    将这一个页面移动到屏幕的某一坐标上，

window.resizoTo( 宽，高)调整页面大小

    这两条都是以左上角为准，只对ie有用。

window.scrollTo(x,y)滚动页面到此页的那里。这条高级浏览器（谷歌，搜狐，360）也可以用

模态对话框与非模态对话框。

window.showModaIDialog();会在当前页面打开一个对话窗口。（很丑）

window.history对象

document.getElementById(‘‘).onclick = function(){

   window.history.back();

}  点击按钮页面后退

window.history.forward();前进。

window.hisroty.go();里面放数字，1就是前进1次，-1就是后退1次.一般就直接用这个，比上面两个好用。

window.location对象

var s = window.location.href  获取页面地址放到变量里

window.location.href = http://www.mamicode.com/‘‘ ；修改页面地址，并跳转。与open不同的是，这个不会被屏蔽。

如果是想让页面弹出窗口就用open，想跳转就用location。

定时器

第一种。 像是c4类型，计时结束后爆炸，一次性的（计时结束后执行代码。）

window.setTimeout(‘执行的代码‘,‘延时时间‘);  -- 时间以毫秒为单位 

也可以把要执行的代码改成函数形式

window.settimeput(function(){

   要执行的函数

},1000);

第二种。 持续型的，每隔一段时间就执行一次。

window,setInterval();   --格式同上

第三种。 清除定时器。

window.clearInteral(要关闭的定时器对象)

这个可以写在setInteral计时器的function里面，可以给他一个判断条件，满足条件就清除。

也可以写在定时器外面，都可以。

DOM 操作属性