有没有办法拥有一个 html 链接,并在代码中获取当前 url 链接并将文件夹更改为不同的路径?
我基本上有一堆英文页面和一堆法文页面,URL 的唯一区别是 /English/folder 和法文 /Francais/folder。我想在英文页面“法语”上创建一个链接,当我单击它时,它会自动转到该页面的法语页面。
这可以做到吗?现在所有链接都是手动硬编码的,但我想进入英文页面,单击链接并自动将网址更改为法语,以转到法语等效文件夹。
所有英文页面都有对应的法语位置,并且这些链接是手动创建的,我想要一个自动代码,这样当我单击“法语”时,它会将我带到法语对应位置。
如果路径看起来像我想的那样,你可以尝试这个愚蠢的解决方案来解决问题或修改它更适合你。
在文件夹 English/test.php 中
<!DOCTYPE html>
<html>
<head>
<title>English test page</title>
</head>
<body>
English test page
<button type='button' value='French'>jump to French page</button>
</body>
<script>
let language_now = 'English';
window.addEventListener('load', function() {
//button click
document.querySelector("button").addEventListener('click', jump_other_folder);
});
function jump_other_folder(event) {
let path = window.location.pathname.replace(language_now, event.target.value);
top.location.href = path;
}
</script>
</html>
在文件夹 French/test.php 中
<!DOCTYPE html>
<html>
<head>
<title>French test page</title>
</head>
<body>
French test page
<button type='button' value='English'>jump to English page</button>
</body>
<script>
let language_now = 'French';
window.addEventListener('load', function() {
//button click
document.querySelector("button").addEventListener('click', jump_other_folder);
});
function jump_other_folder(event) {
let path = window.location.pathname.replace(language_now, event.target.value);
top.location.href = path;
}
</script>
</html>