Html 链接到不同文件夹名称更改

问题描述 投票:0回答:1

有没有办法拥有一个 html 链接,并在代码中获取当前 url 链接并将文件夹更改为不同的路径?

我基本上有一堆英文页面和一堆法文页面,URL 的唯一区别是 /English/folder 和法文 /Francais/folder。我想在英文页面“法语”上创建一个链接,当我单击它时,它会自动转到该页面的法语页面。

这可以做到吗?现在所有链接都是手动硬编码的,但我想进入英文页面,单击链接并自动将网址更改为法语,以转到法语等效文件夹。

所有英文页面都有对应的法语位置,并且这些链接是手动创建的,我想要一个自动代码,这样当我单击“法语”时,它会将我带到法语对应位置。

html hyperlink
1个回答
0
投票

如果路径看起来像我想的那样,你可以尝试这个愚蠢的解决方案来解决问题或修改它更适合你。

  • 文件夹主
    • 文件夹英文
    • 法语文件夹

在文件夹 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>
© www.soinside.com 2019 - 2024. All rights reserved.