How to get Client HOST NAME using HTML and javascript

Question

Please help me how to get host name using html and javascript.

Prasad Raveendran · Answer

HTML File Display Hostname Hostname: Javascript file window.addEventListener('DOMContentLoaded', function() { var hostname = window.location.hostname; var hostnameElement = document.getElementById('hostname'); hostnameElement.textContent = hostname; }); In this example, we have an HTML page with an heading and a paragraph element. The JavaScript code listens for the DOMContentLoaded event to ensure the HTML has finished loading before attempting to access and modify the elements. The window.location.hostname retrieves the hostname, and document.getElementById('hostname') selects the paragraph element with the id "hostname". Then, we update the text content of the paragraph element using textContent to display the hostname.

Aravind Govindaraj · Answer

Please find the sample snippet Get Client Hostname function getClientHostname() { var url = window.location.href; var hostname = new URL(url).hostname; document.getElementById("hostname").textContent = "Client Hostname: " + hostname; } Client Hostname Example Get Client Hostname

Rajkiran Swain · Answer

Get Host Name Example function getHostName() { var hostname = window.location.hostname; alert("Host Name: " + hostname); } Get Host Name

Rolando Puno · Answer

Hello Prasad.. Thanks for your quick reply..by the way im trying to used your code below then i foud out the return is localhost. i want ot get like this: DW00262236 Thank you aonce again

How to get Client HOST NAME using HTML and javascript

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (4)