二、窗口常用方法
1.open():打开窗口
2.close():关闭窗口
调用window的打开窗口的方法,进入百度页面,调用关闭窗口的方法关闭当前窗口。
window.οnlοad=function(){
varbtn1=document.getElementById("btn1");
varbtn2=document.getElementById("btn2");
btn1.οnclick=function(){
//默认是在新的窗口打开
window.open("http://www.baidu.com");
};
btn2.οnclick=function(){
window.close();
}
}
</script>
<body>
<inputtype="button" value="打开窗口"id="btn1">
<inputtype="button" value="关闭窗口"id="btn2">
</body>
3. setTimeout(code,millisec):在指定的周期来调用函数或计算表达式.只执行一次。其中code:要调用的函数或计算表达式。
millisec:时间间隔,以毫秒为单位
下面就以点击登录按钮,界面出现“登录成功,3秒后自动跳转到百度界面”为例来使用setTimeout方法
<scripttype="text/javascript">
function login(){
document.write("登录成功,3秒后跳转到指定的页面");
setTimeout(function(){
location.href="http://www.baidu.com";
},3000);
}
</script>
<body>
<inputtype="button" value="登录"οnclick="login()">
</body>
4.setInterval(code,millisec):在指定的周期来调用函数或计算表达式,会不停地调用第一个参数
5.clearInterval():计时器停止
实现10秒钟的倒计时,界面显示10,点击开始按钮,时间开始减少,点击暂停按钮,倒计时就会暂停
<scripttype="text/javascript">
varnewTime="";
function start(){
varp=document.getElementById("demo");
var time=parseInt(p.innerHTML);
newTime=setInterval(function(){
if (time<=0){
clearInterval(newTime);
return;
}
p.innerHTML=--time;
},1000);
}
function stop(){
clearInterval(newTime);
}
</script>
<body>
<inputtype="button" value="开始"οnclick="start()">
<inputtype="button" value="暂停"οnclick="stop()">
<pid="demo">10</p>
</body>