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);
}
生成一个计时器,单击开始按钮,输入框中会开始计时,直到单击停止按钮才会暂停,再次单击开始,输入框中的秒数会从上次暂停的时间继续计时
如图所示:
