1、window对象
(1)弹框方法
A、提示框: alert("提示信息");
没有返回值
B、确认框: confirm("提示信息");
有返回值,点击确认返回true,取消返回false。
C、提示框:promtp("提示信息");
有返回值,点击确认返回输入框内容,取消返回null。
(2)方法:open方法
open(url)
例如:
open("http://baidu.com");
(3)定时器
A、setTimeout(函数,毫秒值):代表一定的毫秒值之后执行函数
例如:
setTimeout(
function(){
open("http://baidu.com");
},
3000
)
关闭定时器clearTimeout(定时器对象)(具体如下个函数)。
B、setInterval(函数,毫秒值):代表每间隔一定的毫秒值后执行函数
例如:
setInterval(
function(){
open("http://baidu.com");
},
3000
)
关闭定时器clearInterval(定时器对象)
例如:
var timer = setInterval(
function(){
open("http://baidu.com");
},
3000
);
function fn(){
clearInterval(timer);
}
<body>
<input type="button" value="clear" onclick="fn()"/>
</body>
2、location对象
location.href="跳转的url";
注:本页跳转。
示例代码:
<style type="text/css">span{ color:red; }</style>
<script type="text/javascript">
var num = 5;
var timer= setInterval(
function(){
if(num>0){
var spanEle = document.getElementById("second");
spanEle.innerHTML = num;
num-- ;
}else{
location.href="http://baidu.com";
}
},
1000
);
</script>
<body>
恭喜你注册成功,<span id="second">5</span>秒钟后跳转到首页,如不跳转<a href="http://baidu.com">请点击这里</a>
</body>
注:该代码实现5秒后本页跳转
3、history对象
history.back(); //返回上一页
history.forword(); //下一页
history.go(参数); //-1:上一页 1:下一页
例如:
<input type="button" value="上一页" onclick="history.back()"/>
<input type="button" value="下一页" onclick="history.forword()"/>
<input type="button" value="上一页" onclick="history.go(-1)"/>
<input type="button" value="下一页" onclick="history.go(1)"/>