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 = ‘‘ ;修改页面地址,并跳转。与open不同的是,这个不会被屏蔽。
如果是想让页面弹出窗口就用open,想跳转就用location。
定时器
第一种。 像是c4类型,计时结束后爆炸,一次性的(计时结束后执行代码。)
window.setTimeout(‘执行的代码‘,‘延时时间‘); -- 时间以毫秒为单位
也可以把要执行的代码改成函数形式
window.settimeput(function(){
要执行的函数
},1000);
第二种。 持续型的,每隔一段时间就执行一次。
window,setInterval(); --格式同上
第三种。 清除定时器。
window.clearInteral(要关闭的定时器对象)
这个可以写在setInteral计时器的function里面,可以给他一个判断条件,满足条件就清除。
也可以写在定时器外面,都可以。