首页 > 代码库 > DHTML中window的使用

DHTML中window的使用

window对象是对浏览器窗口进行操作的对象。以下列出一些常用的对象(三级为对象的方法、属性)

  |-navigator:是对浏览器信息进行操作的对象

  |-history:包含用户浏览过的url信息

    |-back:后退(前一个url)

    |-forward:前进(后一个url)

    |-go:装入历史记录中的某个url

    |-length:记录个数

  |-location:包含当前的url信息

    |-href:当前的url信息

  |-screen:当前主机的屏幕信息及操作

    |-availwidth,availHeight:除去任务栏的高和宽

    |—height,width:屏幕的高和宽

window的方法:

confirm(str):带确定和取消的对话框

moveBy(x,y):移动相应的偏移值(可以来个死循环来窗口抖动恶作剧一下)

moveTo(x,y):浏览器窗口左上角移动到指定坐标

prompt(str):带输入的对话框

open(url, name, feature):打开一个新的窗口,feature可以设置窗口属性例如

open("http://..", "打开方式", "width=200, height=200, location=no, menubar=no, toolbar=no, status=no, resizable=no");

 

 setTimeout("运行函数", time):经过多长时间运行函数(一次)

setInterval("函数", time):循环经过time运行函数

clearInterval(上函数的id):上个函数运行后会返回一个id值,此函数可以清楚上个函数的事件

focus():窗口一直保持前置

window的事件:

 onload:页面加载后运行

onbeforeunload:页面关闭前运行

onunload:页面关闭后运行

例如:

window.onload = function(){};

window的属性:

keycode:获取每次敲键盘输入的字符

returnValue:事件的返回值,可以通过返回值将上次的事件取消

例如:在输入用户名时,输入字符非法,调用event.returnValue=http://www.mamicode.com/false,可以让上次输入无效

<body><script>    function keyDemo()    {        var keyInput = event.keyCode;                if(keyInput>122 || keyInput <97)        {            //此代码在IE下有问题,谷歌正常,解释以后给出            event.returnValue = http://www.mamicode.com/false;        }    }</script><input type="text" onkeypress="keyDemo()"/></body>

srcElement():获取当前事件源对象

 

DHTML中window的使用