首页 > 代码库 > 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的使用