alert() 显示带有一段消息和一个确认按钮的警告框
prompt() 显可提示用户输入的对话框
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框
open()打开一个新的浏览器窗口或查找一个已命名的窗口
open("http://baidu.com");
close()关闭浏览器窗口
print()打印当前窗口的内容
focus()把键盘焦点给予一个窗口
blur()把键盘焦点从顶层窗口移开
moveBy()可相对窗口的当前坐标把它移动指定的像素
moveTo()把窗口的左上角移动到一个指定的的坐标
resizeTo() 把窗口大小调整到指定的宽度和高度
resizeBy()按照指定的 像素调整窗口的大小
scrollBy()按照指定的像素值来滚动内容
scrollTo()把内容滚动指定的坐标
setInterval() 每隔指定时间执行代码
setTimeout()在指定的延时时间之后来执行代码、
clearInterval()取消setInterval()的设置
clearTimeout()取消setTimeout的设置
例子;定时跳转
<!DOCTYPE html><html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
</head>
<body>
<H4>操作成功</H4>
<p>
<b id="second">5</b>秒后回到主页 <!-- <a href="javascript:goBack();">返回</a> -->
</p>
<script type="text/javascript">
var sec = document.getElementById("second");
var i = 5;
var timer = setInterval(function(){
i--;
sec.innerHTML = i;
if(i==1){
window.location.href = "http://www.imooc.com/";
}
},1000);
// function goBack(){
// window.history.go(-1);
// }
</script>
</body>
</html>
例子：时间计时器
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var int=setInterval(clock, 500)
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html>
例子;取消计时器clearInterval()
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
// 每隔100毫秒调用clock函数，并将返回值赋值给i
var i=setInterval("clock()",100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" οnclick="clearInterval(i)" />
</form>
</body>
</html>
例子：当按钮start被点击时，setTimeout()调用函数，在5秒后弹出一个提示框
<!DOCTYPE HTML><html>
<head>
<script type="text/javascript">
function tinfo(){
var t=setTimeout("alert('Hello!')",5000);
}
</script>
</head>
<body>
<form>
<input type="button" value="start" onClick="tinfo()">
</form>
</body>
</html>
例子：要创建一个运行于无穷循环中的计数器，我们需要编写一个函数来调用其自身。
<!DOCTYPE HTML><html>
<head>
<script type="text/javascript">
var num=0;
function numCount(){
document.getElementById('txt').value=num;
num=num+1;
setTimeout("numCount()",1000);
}
</script>
</head>
<body>
<form>
<input type="text" id="txt" />
<input type="button" value="Start" onClick="numCount()" />
</form>
</body>
</html>
例子：取消计时器clearTimeout()
<!DOCTYPE HTML><html>
<head>
<script type="text/javascript">
var num=0,i;
function timedCount(){
document.getElementById('txt').value=num;
num=num+1;
i=setTimeout(timedCount,1000);
}
setTimeout(timedCount,1000);
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="txt">
<input type="button" value="Stop" onClick="stopCount()">
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
