创建两个页面进行相互跳转
时间: 2023-05-17 14:07:42 浏览: 254
可以使用 HTML 和 JavaScript 来创建两个页面进行相互跳转。以下是一个简单的示例代码:
第一个页面(index.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>页面1</title>
<script type="text/javascript">
function goToPage2() {
window.location.href = "page2.html";
}
</script>
</head>
<body>
<h1>这是页面1</h1>
<button onclick="goToPage2()">跳转到页面2</button>
</body>
</html>
```
第二个页面(page2.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>页面2</title>
<script type="text/javascript">
function goToPage1() {
window.location.href = "index.html";
}
</script>
</head>
<body>
<h1>这是页面2</h1>
<button onclick="goToPage1()">跳转到页面1</button>
</body>
</html>
```
在这个示例中,我们使用了 JavaScript 中的 `window.location.href` 属性来实现页面跳转。当点击按钮时,会调用相应的函数来跳转到另一个页面。
阅读全文