码迷,mamicode.com
首页 > 其他好文 > 详细

DOM 操作属性

时间:2017-04-04 19:06:51      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:self   cti   保存   element   它的   ref   on()   get   dial   

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里面,可以给他一个判断条件,满足条件就清除。

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

 

DOM 操作属性

标签:self   cti   保存   element   它的   ref   on()   get   dial   

原文地址:http://www.cnblogs.com/big-lll/p/6653896.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!