首页 > 编程语言 > 详细

JavaScript 浏览器对象(二)

时间:2016-06-29 16:02:14      阅读:198      评论:0      收藏:0      [点我收藏+]

一、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>


JavaScript 浏览器对象(二)

原文:http://11317783.blog.51cto.com/11307783/1794138

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!