您的位置：首页 > Web前端 > JavaScript

JavaScript 浏览器对象（二）

2016-06-29 14:03 519 查看

一、History对象

1.History对象：window.history对象包含浏览器的历史(url)的集合。
2.History方法：

history.back() 与在浏览器点击后退按钮相同

history.forward() 与在浏览器中点击按钮向前相同

history.go() 进入历史中的某个页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="index.html">跳转到index</a>
<button id="btn" onclick="goIndex()">按钮</button>
<script>
function goIndex(){
history.forward();
}
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn" onclick="toTest()">按钮</button>
<script>
function toTest(){
history.back();
}
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="obindex.html">跳转</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
<input type="text" id="userName" />
</form>
<button id="btn" onclick="safe()">按钮</button>
<script>
function safe(){
var name = document.getElementById("userName").value;
if(name == "hello"){
history.go(-1);
}else{
alert("输入错误");
}
}
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Java 浏览器 Script

相关文章推荐

新的分享

章节导航