javascript中的BOM对象

1.window对象

所有的浏览器都支持window对象

概念上讲,一个html文档对应一个window对象
功能上讲,控制浏览器窗口
使用上讲,window对象不需要创建对象,直接使用

2.window对象方法:

2.1 alert()

显示一个带有一段消息和一个确认按钮的警告框

例子:

window.alert("hello world");		//在浏览器窗口弹出一个"hello world"对话框

用浏览器打开,显示如下:

2.2 confirm()

显示带有一段消息以及确认按钮和取消按钮的对话框

例子:

var res=confirm("确定删除??");
window.alert(res);	//浏览器窗口弹出一个"确认删除"对话框,等待用户选择

用浏览器打开,显示如下:

2.3 prompt()

显示可提示用户输入的对话框

prompt()可以使用两个参数,第一个参数为提示信息,第二个参数为输入默认值,返回值是用户输入的内容

例子一:

var res=prompt("Input a num:");
window.alert(res);

用浏览器打开,显示如下:

例子二:

var res=prompt("Input a num:","1234");
window.alert(res);

用浏览器打开,显示如下:

2.4 open()

打开一个新的浏览器窗口或查找一个已经命名的窗口

可用三个参数,参数一为新打开的窗口的网址,参数二为新窗口的名字,可不填,参数三为新打开的窗口的尺寸

例子一:

window.open("http://www.baidu.com");

用浏览器打开,浏览器会再打开一个窗口打开百度的首页

例子二:

//新打开一个宽度为300px,高度为150px的窗口,网址为百度
window.open("http://www.baidu.com","",'width=300,resizable=no,height=150');

用浏览器打开,显示如下:

2.5 close()

关闭浏览器窗口

例子:

window.close();	//会关闭当前的浏览器窗口

2.6 setInterval()

按照指定的周期(以毫秒计)来调用函数或计算表达式

setInterval()方法会不停的调用函数,直到clearInterval()被调用或窗口被关闭

由setInterval()返回的id值可用作clearInterval()方法的参数

语法:

setInterval(code,millisec)

其中,code为要调用的函数或要执行的代码段,millisec为周期性执行的时间间隔,单位为毫秒

2.7 clearInterval()

取消由setInterval()设置的timeout

例子:

<input id="ID1" type="text" onclick="begin()">
<button onclick="end()">停止</button>
<script>
	function show_time(){
		var time1=new Date().toLocaleString();
		var temp=document.getElementById("ID1");
		temp.value=time1;
	}
	var ID;
	function begin(){
		if (ID==undefined){
			show_time();
			ID=setInterval(show_time,1000);
		}
	}
	function end(){
		clearInterval(ID);
		ID=undefined;
	}
</script>

用浏览器打开,显示如下:

在输入框中单击,输入框中会显示出当前的时间,一秒钟更新一次

显示如下:

直到单击停止按钮,计时才会停止,再次单击输入框后,输入框内的时间会以一秒钟的频率更新,直到再次单击停止按钮

2.8 setTimeout()

在指定的毫秒数后调用函数或计算表达式

例子一:

<input type="button" value="alert_box" onclick="time_msg()">
<script>
	var times;
	function time_msg(){
		var time1=setTimeout("window.alert('5 seconds!')",5000);
	}
</script>

用浏览器打开,显示如下:

等待5秒钟后,会弹出如下对话框:

例子二:

<input type="text" id="txt">
<input type="button" value="start count" onclick="time_count()">
<script>
	var times;
	var count=0;
	function time_count(){
		document.getElementById("txt").value=count;
		count +=1;
		times=setTimeout("time_count()",1000)
	}
</script>

当计时按钮被点击后,输入框中就从0开始计数,一秒钟一次

如图所示:

2.9 clearTimeout()

取消由setTimeout()方法设置的timeout

例子:

<input type="text" id="txt">
<input type="button" value="start" onclick="time_count()">
<input type="button" value="stop" onclick="stop_count()">
<script>
	var times;
	var count=0;
	function time_count(){
		document.getElementById("txt").value=count;
		count +=1;
		times=setTimeout("time_count()",1000)
	}
	function stop_count(){
		clearTimeout(times);
	}

生成一个计时器,单击开始按钮,输入框中会开始计时,直到单击停止按钮才会暂停,再次单击开始,输入框中的秒数会从上次暂停的时间继续计时

如图所示: