使用js进行页面跳转1.需求分析点击下一页或其他按键可进行页面跳转 2.技术分析 JavaScript 的引入方式

1.需求分析

点击下一页或其他按键可进行页面跳转

2.技术分析

JavaScript 的引入方式

内部引入方式

直接将JavaScript代码写到<script type=”text/JavaScript”>

外部引入方式

需要创建一个.js文件，在里面书写JavaScript代码，然后在html文件中通过script标签的src属性引入该外部的js文件

3.步骤分析

第一步：创建一个window对象，设置一个弹框和一个跳转项

第二步：创建一个History对象，并设置一个返回项history.back()

第三步：创建一个Locatin对象，并用onclick定义一个跳转事件

4.代码实现

1.window页面跳转

<html>
	<head>
		<meta charset="utf-8">
		<title>Window对象</title>
		<script>
			prompt("请输入价格：");
		</script>
	</head>
	<body>
		<a href="2.History对象.html">点我</a>
	</body>
</html>

2.History对象.html

<html>
	<head>
		<meta charset="utf-8">
		<title>History对象</title>
		<script>
			function fanhui(){
				history.back();
			}
		</script>
	</head>
	<body>
		<input type="button" value="返回上一页" onclick="fanhui()"/><br/>
		<a href="3.Location对象.html">下一页</a>
	</body>
</html>

3.Location对象.html

<html>
	<head>
		<meta charset="utf-8">
		<title>Location对象</title>
	</head>
	<body>
		<input type="button" value="跳转到history页面"
		onclick="javascript:location.href='2.History对象.html'"/>
	</body>
</html>