JavaScript Window对象模型

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>

JavaScript Window对象模型

猜你喜欢