超链接中不同端口号的相对 URL？

如果我不知道主机名，有没有没有 Javascript / 服务器端脚本链接到同一个盒子上的不同端口号的方法？

例如：

 <a href=":8080">Look at the other port</a>

（此示例不起作用，因为它只是将 :8080 视为我要导航到的字符串）

原文由 Ciaran McNulty 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.3k

如果这能行得通就好了，我不明白为什么不行，因为 : 是 URI 组件内部用于端口分隔的保留字符，因此浏览器可以实际地将其解释为相对于此的端口URL，但不幸的是它没有，也没有办法做到这一点。

因此，您需要 Javascript 来执行此操作；

 // delegate event for performance, and save attaching a million events to each anchor
document.addEventListener('click', function(event) {
  var target = event.target;
  if (target.tagName.toLowerCase() == 'a')
  {
      var port = target.getAttribute('href').match(/^:(\d+)(.*)/);
      if (port)
      {
         target.href = window.location.origin;
         target.port = port[1];
      }
  }
}, false);

在 Firefox 4 中测试

小提琴：http: //jsfiddle.net/JtF39/79/

更新：修复了将端口附加到 url 末尾的错误，还添加了对要附加到末尾的相对和绝对 url 的支持：

 <a href=":8080/test/blah">Test absolute</a>
<a href=":7051./test/blah">Test relative</a>

原文由 Gary Green 发布，翻译遵循 CC BY-SA 4.0 许可协议

<html> <head> <script> function setHref() { document.getElementById('modify-me').href = window.location.protocol + "//" + window.location.hostname + ":8080/other/"; } </script> </head> <body onload="setHref()"> <a href="/other/" id="modify-me">Look at another port</a> </body> </html>

超链接中不同端口号的相对 URL？

你尚未登录，登录后可以

问一个鼠标滚动事件，这种是怎么实现的？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

threejs用octree实现房间内第三人称漫游并且添加了碰撞，人物在碰撞到墙壁的时候不停的弹回，应该怎么修改才能不会疯狂的弹回？

Vue为什么说textarea标签不支持插值表达式的？

为什么下面的代码内部的 div 其 100% 高度可以跳过上层元素?

单页应用网站缓存不是由于index.html文件被缓存导致的吗？

election嵌套了一个web项目通信为什么会中断?

Stack Overflow 翻译