Window 对象
Window对象是浏览器对象模型中的顶层对象,所有的浏览器都支持window对象,它代表浏览器窗口。如果文档包含框架,浏览器会为一个HTML文档创建一个Window对象,并为每个框架创建一个额外的Window对象。
Window 尺寸
window.innerHeight 浏览器窗口的内部高度
window.innerWidth 浏览器窗口的内部宽度
Window 常用方法
alert("提示信息") 显示带有提示消息和一个确认按钮的对话框
confirm("提示可输入信息") 显示带有提示消息以及确认和取消按钮的对话框
prompt("提示信息",默认值") 用于显示可提示用户进行输入的对话框
open("url","name","features") 打开具有指定名称的新窗口,并加载给定URL的文档
close( ) 关闭当前窗口
showModalDialog( ) 以模式窗口的形式打开指定的文档
setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
clearTimeout( ) 取消由setTimeout方法设置的定时器
动态时钟示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>动态时钟</title>
<script type="text/javascript">
function timer(){
var currentDate=new Date();
var year=currentDate.getFullYear();
var month=currentDate.getMonth()+1;
month=checkTime(month);
var day=currentDate.getDate();
var hour=currentDate.getHours();
var hour=checkTime(hour);
var minute=currentDate.getMinutes();
minute=checkTime(minute);
var second=currentDate.getSeconds();
second=checkTime(second);
var time=year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;
var mydiv=document.getElementById('result');
mydiv.innerHTML=time;
setTimeout('timer()',1000);
}
function checkTime(i){
if(i<10){
i='0'+i;
}
return i;
}
</script>
</head>
<body onload='timer();'>
<div id='result'>
</div>
</body>
</html>