我有一个主页，我想自动重定向到另一个页面。另一方面，如果我点击菜单的按钮，我希望能够访问它。
在我的头文件中：
<a class="header__menu-url header__menu-requests" href="/hc/en-us/" id="Home" >
在我的主页：
<script>
document.getElementById('Home').onclick = handleClick;
function handleClick(e) {
var sender = (e && e.target) || (window.event && window.event.srcElement);
if (sender.id != "Home") {
window.location.href = '/hc/fr-fr/requests'
}
}
</script>
<div class="container">
<div id="main-content">
<h1 class="page__header pright-lg">
Toolkits
</h1>
<div class="hero-inner">
<h2 class="visibility-hidden">{{ t 'search' }}</h2>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12"
class="search-icon" aria-hidden="true">
<circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor" />
<path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5" />
</svg>
{{search submit=false instant=settings.instant_search class='search search-full'}}
</div>
</div>
</div>
感谢
我认为这里没有足够的信息来给你一个非常好的答案，但这里有一些我刚刚写的代码，可以根据你最初的问题做你想要的。这将在用户第一次访问页面时重定向用户，但在他们关闭并重新打开浏览器之前不会再次重定向，从而允许他们返回第一个页面。它使用普通的JavaScript和非常基本的HTML；它还假设所有文件在结构中处于同一级别。我使用setTimeout只是为了让你有时间看到转换，但如果你不使用它，它可能会立即出现
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<a id="header" href="header.html">GO TO HEADER</a>
<script src="index.js"></script>
</body>
</html>
header.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<a id="index" href="index.html">GO TO INDEX</a>
</body>
</html>
index.js
if (!sessionStorage.getItem('visited')) {
setTimeout(() => {
window.location.replace('/header.html');
}, 1000);
sessionStorage.setItem('visited', 'true');
}