为什么我动态设置时浏览器会连接href？

Question

我正在开发一种语言切换器，我使用 PHP 将 URL 从一种语言更改为另一种语言。我希望语言切换按钮（即链接）在页面加载时更改其 href 属性。这是我的代码：

<?php

$actual_link = $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

if (strpos($actual_link, 'fr') !== false) {
    $actual_lang = 'fr';
    $new_link = str_replace('/fr/','/en/',$actual_link);
}
else {
    $actual_lang = 'en';
    $new_link = str_replace('/en/','/fr/',$actual_link);
}

echo "

<div class='top-bar'>
    <a class='language-selector' id='language-switch-btn' href='#'>Language</a>
</div>

<script type='text/javascript'>
    document.getElementById('language-switch-btn').href = '".$new_link."';
</script>

";
?>

但是，我的问题是 JS 代码将 $new_link 连接到 $actual_link，导致 href 属性如下所示：localhost/website.com/fr/localhost/website.com/en/ 当我想要它时只能是 localhost/website.com/en/

知道为什么它没有用 $newlink 替换 '#' 吗？谢谢

Answer 1

$_SERVER['HTTP_HOST'] 不包含协议，没有协议的链接是相对的。

您可以在 href 前加上 // 以允许任何 http 协议（http 或 https），但正如评论中提到的，您也不需要 JS 来执行此操作。

echo "
<div class='top-bar'>
  <a class='language-selector'
     id='language-switch-btn'
     href='//".$new_link."'>Language</a>
</div>
";