HTML 超链接中同域名不同端口号的相对 URL

如果有这样一种需求，类似于能实现下面的代码：

<a href=":91">Port 91</a>
<a href=":92">Port 92</a>

可以用下面的脚本动态渲染 URL：

<a href="/" id="site-1">site-1</a><br>
<a href="/" id="site-2">site-2</a>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        function setHref(id, port) {
            document.getElementById(id).href = 
                "//" + window.location.hostname + 
                ":" + port + 
                document.getElementById(id).getAttribute('href');
        }
        setHref('site-1', 91);
        setHref('site-2', 92);
    });
</script>

参考：Stack Overflow: Relative URL to a different port number in a hyperlink?