window对象常用方法
1.常用函数
window.alert("提示信息"); // 弹出提示框
window.confirm("确认信息"); // 弹出确认框
window.open("url","窗口名","窗口属性"); // 打开新窗口
window.close(); // 关闭当前窗口
示例:
<a onclick = "window.open('http://www.baidu.com')">
在新标签页打开
</a>
<a onclick = "window.open('http://www.baidu.com','_self')">
在当前标签页打开
</a>
<a onclick = "window.open('http://www.baidu.com','_blank')">
在新窗口打开
</a>
2.计时方法
setInterval():间隔指定的毫秒数不停的执行指定的代码
clearInterval():停止计时器
setTimeout():在指定的时间后执行指定的代码
clearTimeout():停止计时器
示例1:页面时钟
<span id = "showtime"></span>
<sript>
var mytimer = function(){
var d = new Date(); // 获取当前时间
doucument.getElemenetById("showtime").innerHTML =
d.toLocaleTimeString(); // 显示时间
};
setInterval(mytimer,1000); // 每隔一秒执行一次mytimer函数
<script>
示例2:进度条
<h1> JavaScript 进度条 </h1>
<div id = "myprogress">
<div id = "mybar"></div>
</div>
<br>
<botton onclick = "move()">点我</botton>
<style>
#myprogress{
width:100%;
background-color:#ddd;
}
#myBar{
width = 1%;
height = 30px;
backgroud-color:#4CAF50;
text-align:center;
line-height:30px;
color:white;
}
</style>
<script>
function move(){
var elem = doucument.getElementById("mybar");
var width = 1;
var id = setInterval(frame,10);
}