页面跳转,页面1,页面2 有特定文本可以实现跳转功能 跳转后显示当前页面是页面1还是页面2.
时间: 2024-03-21 14:37:41 浏览: 15
要实现基于特定文本的页面跳转,可以使用以下步骤:
1. 在页面1和页面2中,分别添加一个带有特定文本的元素,例如:
```html
<!-- 页面1 -->
<p id="page1">这是页面1</p>
<!-- 页面2 -->
<p id="page2">这是页面2</p>
```
2. 在页面1和页面2中,分别添加一个链接,指向另一个页面,并在链接中传递一个参数,例如:
```html
<!-- 页面1 -->
<a href="page2.html?page=page1">跳转到页面2</a>
<!-- 页面2 -->
<a href="page1.html?page=page2">跳转到页面1</a>
```
这里的 `?page=page1` 或 `?page=page2` 表示当前页面的标识。
3. 在页面1和页面2中,添加 JavaScript 代码,根据参数判断当前页面的标识,并显示相应的文本,例如:
```html
<!-- 页面1 -->
<script>
const urlParams = new URLSearchParams(window.location.search);
const page = urlParams.get('page');
if (page === 'page1') {
document.getElementById('page1').style.display = 'block';
} else {
document.getElementById('page1').style.display = 'none';
}
</script>
<!-- 页面2 -->
<script>
const urlParams = new URLSearchParams(window.location.search);
const page = urlParams.get('page');
if (page === 'page2') {
document.getElementById('page2').style.display = 'block';
} else {
document.getElementById('page2').style.display = 'none';
}
</script>
```
这里的 JavaScript 代码解析 URL 中的 `page` 参数,根据参数值显示或隐藏相应的文本。
这样,当用户点击页面1或页面2中的链接时,会跳转到另一个页面,并在另一个页面中显示当前页面的标识。