Rufen Sie den Domänennamen in JavaScript ab

  2. How-To's
  3. JavaScript-Anleitungen
  4. Rufen Sie den Domänennamen in JavaScript …
Muhammad Muzammil Hussain 12 Oktober 2023
JavaScript JavaScript Domain
  1. Der Domänenname
  2. Rufen Sie den Domänennamen in JavaScript ab
Rufen Sie den Domänennamen in JavaScript ab

In diesem Artikel wird erläutert, wie Sie einen Domänennamen programmgesteuert während der Ausführung einer Webseite mithilfe von JavaScript-Ereignissen und -Funktionen erhalten.

Der Domänenname

Wir verwenden einen Domänennamen, um von einer clientseitigen Anwendung aus auf eine Website oder Webseite zuzugreifen. Es ist eine Zeichenfolge in Textform, die einer IP-Adresse (numerisch) zugeordnet ist.

Eine Zeichenfolge, die der Benutzer in eine Webbrowser-Suche eingibt, um eine bestimmte Website aufzurufen und aufzurufen, wird als Domänenname bezeichnet. Zum Beispiel ist delftstack.com der Domainname für DelftStack.

Beispiel:

let url = 'https://www.delftstack.com/'  // delftstack.com is a domain name

Angenommen, wir entwickeln eine Website oder eine Webseite. Und wir müssen den aktuellen Domainnamen unter bestimmten Umständen während der Laufzeit der Website programmatisch herausfinden und verwenden.

In diesem Fall können wir mit JavaScript damit umgehen.

Rufen Sie den Domänennamen in JavaScript ab

Wenn wir jetzt die Konsole des Browsers öffnen und das Objekt window.location.hostname beziehen, sehen wir, dass der Hostname dieser Seite delftstack.com ist.

window.location ist ein Objekt in JavaScript, das die aktuelle Seiten-URL als Zeichenfolge finden kann, und wir können unseren Browser auf eine andere Seite umleiten.

Die Eigenschaft window.location.hostname gibt den Internet-Hostnamen der aktuellen Seite zurück. Wenn sich unsere Webseite auf einem Live-Domain-Hosting befindet, können wir die URL mit window.location.hostname abrufen.

Syntax:

let hostname = window.location.hostname

Beispiel:

<!DOCTYPE html>
<html>
<body>

<h1>DelftStack learnig</h1>
    <h2>JavaScript get domain name example</h2>

<p id="para"></p>

<script>
let result = ''
let removeValue = 'www.'
let domainName = window.location.hostname;
   result = domainName.replace(removeValue,'')


document.getElementById("para").innerHTML =
"Current page hostname is: " + result;
</script>

</body>
</html>

Code-Erklärung:

  1. In der obigen HTML-Quelle haben wir das Absatzelement-Tag <p></p> verwendet und diesem Element die ID zugewiesen.
  2. Innerhalb der <script>-Tags haben wir die domainName-Variable mit window.location.hostname deklariert und initialisiert. Wir erhalten die vollständige URL als Zeichenfolge.
  3. Um nun diesen String zu kürzen, um nur die Domain zu finden, haben wir die Variable removeValue initialisiert und ihr www. zugewiesen.
  4. Wir haben diese Variable in der JavaScript-Standardmethode replace() verwendet, um www. zu entfernen. aus der URL und speichern den Endwert in der Variable result.
  5. Abschließend haben wir mit Hilfe der Methode document.getElementById() den String result angezeigt.
  6. Sie können die obige Quelle mit einer HTML-Erweiterung speichern und das Ergebnis sehen, stellen Sie sicher, dass Sie dieses HTML-Dokument auf einer Live-Domain hosten.

Mit lokal gespeichertem HTML-Dokument

Wenn Sie kein Live-Domain-Hosting haben, können Sie den Pfad Ihrer lokal gespeicherten Webseite auf Ihrem System mit window.location.href finden. Es gibt den vollständigen Pfad Ihres HTML-Dokuments zurück.

Syntax:

let pathValue =
    window.location.href  // file:///C:/Users/username/foldername/filename.html