How to add a relative URL to a different port number in a hyperlink with HTML?

Spread the love

Sometimes, we want to add a relative URL to a different port number in a hyperlink with HTML.

In this article, we’ll look at how to add a relative URL to a different port number in a hyperlink with HTML.

How to add a relative URL to a different port number in a hyperlink with HTML?

To add a relative URL to a different port number in a hyperlink with HTML, we set the onclick attribute to JavaScript code that redirects to the destination.

For instance, we write

<a href="#" onclick="window.open(`${window.location.hostname}:8080/foo`)">
  Link to some other port on the same host
</a>

to set the onclick attribute to window.open(`${window.location.hostname}:8080/foo`) to open the URL in a new tab.

We get the existing URL’s host name with window.location.hostname and then put the port after it.

Conclusion

To add a relative URL to a different port number in a hyperlink with HTML, we set the onclick attribute to JavaScript code that redirects to the destination.

Leave a Reply

Your email address will not be published.