交作业,有图,有问题
关于点击返回,调用back()方法疑问:、
下面是页面流程图
我首先通过【无标题文档】打开【浏览器对象】(题目那个)
这时候如果点击【浏览器对象】的返回并不能返回【无标题文档】???,五秒过后,【浏览器对象】调用location.assign("http://www.baidu.com");打开【百度一下】
然后进入【无标题文档】再次点击按钮进入【浏览器对象】,问题来了
这时候点击【浏览器对象】的返回按钮
竟然实现了返回功能,不过是返回了【百度一下】。如果五秒自动跳转到【百度一下】用的是open()方法,则不能实现返回功能???
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<!--先编写好网页布局-->
<style type="text/css">
#p1{
float: left;
}
#p2{
float: left;
}
#p3{
float: left;
}
</style>
<div><h5 style="font:bold">操作成功</h5></div>
<p id="p1">5</p>
<p id="p2">秒后回到主页 </p>
<input id="p3" type="button" value="返回" onclick="window.history.back()"/>
<script type="text/javascript">
//获取显示秒数的元素
var second=parseInt(document.getElementById("p1").innerHTML);
//document.write("second初始值为:"+second+"<br>");
//通过定时器来更改秒数。
function countTime(){
second=second-1;
document.getElementById("p1").innerHTML=second;
//document.write("second值为:"+second+"<br>");
//如果什么也不做则打开新窗口
if(second==0){
clearInterval(i);
location.assign("http://www.baidu.com");
}
else{
}
}
//执行定时器
var i=setInterval("countTime()",1000);
</script>
</body>
</html>