HTML a标签如何跳转至指定端口

上一次编辑:

第一种方法,通过onmouseover 执行js跳转至指定端口:

1
<a href="" onmouseover="javascript:event.target.port=2020">跳转</a>

+ 很方便。

– 如果在服务器上位置是IP/test.html,跳转后会变为IP:2020/test.html。如果放在根目录下则没有这个问题。

-似乎在某些情况不起作用。

第二种方法,通过js用id获取a标签元素并设置href:

1
2
3
<a id="example">跳转</a>

<script>document.getElementById('example').href='http://'+window.location.hostname+':2020';</script>

+ 无论放在服务器的哪个地方,都可以跳转到指定端口下的根目录。

– 稍微有点麻烦。

本文参考了 https://stackoverflow.com/questions/6016120/relative-url-to-a-different-port-number-in-a-hyperlink

Leave a Reply