是否有办法使按钮重定向到当前链接的页面，但在另一种语言

Question

大家好，我有两个用两种语言写的博客。所有的链接都是一样的，除了英文博客有一个"-en"后缀在博客名称后，而希腊博客有一个"-el"后缀。

我想在某个地方放置一个按钮，使用当前页面的链接。例如"https://cookwithnick-en.blogspot.com/2021/07/mini-piroshki.html"，将其转换为"https://cookwithnick-el.blogspot.com/2021/07/mini-piroshki.html"并在同一个选项卡上打开。

我已经设法使以下代码，但不工作:

<input type="button" onclick="location.href=window.location.href.replace("en", "el");" value="Greek" />

当代码工作时，如果"。replace("en"， "el");"是缺失的(它重定向到完全相同的页面)我想转换链接到其他语言。

感谢您的宝贵时间和建议。

Answer 1

您需要对字符串使用单引号，因为onclick属性的值被括在双引号中。

<input type="button" onclick="location.href=window.location.href.replace('en', 'el');" value="Greek" />

但是，通常使用addEventListener而不是内联事件处理程序会更好。

Answer 2

将.replace("en", "el")中的双引号替换为单引号:

<input type="button" onclick="location.href=window.location.href.replace('en', 'el');" value="Greek" />

但是，最好这样做:

<input type="button" id="change-lang" value="Greek" />
<script>
document.getElementById("change-lang").addEventListener("click", function(){
location.href=window.location.href.replace('en', 'el');
});
</script>