编写两个页面,实现从第一个页面转向第二个页面,观察浏览器地址栏的地址
时间: 2024-10-06 11:02:31 浏览: 12
当你想要在一个网页(通常称为“源页面”)中点击链接或按钮并跳转到另一个网页(目标页面),这通常是通过JavaScript、HTML的`<a>`元素或者服务器端语言如Java的Servlet/JSP来实现的。下面是一个简单的例子,使用HTML和JavaScript:
**源页面(index.html):**
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jump to Second Page</title>
</head>
<body>
<button onclick="redirectToPage()">Go to Second Page</button>
<script>
function redirectToPage() {
// 使用window.location.href改变浏览器地址栏
window.location.href = "second_page.html";
}
</script>
</body>
</html>
```
在这个例子中,有一个按钮,点击后会触发名为`redirectToPage()`的函数。这个函数使用`window.location.href`属性将当前页面URL更改为`second_page.html`,实现了页面跳转。
**目标页面(second_page.html):**
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Second Page</title>
</head>
<body>
<p>You have been redirected from index.html.</p>
</body>
</html>
```
当用户访问`index.html`并点击按钮时,浏览器地址栏会自动更新为`second_page.html`。