Gehe zu URL mit Onclick in JavaScript

Shraddha Paghdar 12 Oktober 2023
  1. Wechsel zur URL mit window.open() in JavaScript
  2. Gehe zu URL mit window.location in JavaScript
Gehe zu URL mit Onclick in JavaScript

Das Window-Objekt ist eines der wichtigsten Objekte, die verwendet werden, um mit dem Browser zu kommunizieren. Es stellt das Fenster des Browsers dar. Alle globalen Variablen und Funktionen werden Mitglieder des Fensterobjekts. Das Location-Objekt des Fensters wird verwendet, um die aktuelle Seiten-URL abzurufen und auch die URL für die Umleitung zu ändern.

Im heutigen Artikel erfahren Sie, wie Sie mit onclick in JavaScript zur URL gelangen.

Das JavaScript-Window-Objekt bietet zwei Möglichkeiten, zum einen das Location-Attribut zu verwenden und zum anderen die Methode open().

Wechsel zur URL mit window.open() in JavaScript

Es ist eine von JavaScript bereitgestellte Window-Schnittstellenmethode, die die angegebene URL/Ressource in eine neue Registerkarte oder einen vorhandenen Browser mit dem angegebenen Namen lädt. Diese Methode generiert ein neues Fenster zum Öffnen einer angegebenen URL. Jedes Mal, wenn die Methode window.open() zurückgibt, enthält sie about:blank. Die eigentliche URL wird geladen, sobald der aktuelle Skriptblock seine Ausführung abgeschlossen hat.

Syntax von window.open() in JavaScript

window.open(url, windowName, windowFeatures);

Parameter

  • url: Dies ist ein obligatorischer Parameter, der gültige URLs, Bildpfade oder andere von Browsern unterstützte Ressourcen akzeptiert. Wenn eine leere Zeichenkette übergeben wird, wird ein neuer Tab mit einer leeren URL geöffnet.
  • windowName: Dies ist ein optionaler Parameter, der den Namen des Browsing-Kontexts angibt. Dies definiert nicht den Titel des Fensters. Außerdem sollte dieser Fenstername keine Leerzeichen enthalten.
  • windowFeatures: Dies ist ein optionaler Parameter. Dieser Parameter akzeptiert durch Kommas getrennte Fenstereigenschaften eines neuen Tabs entweder in der Form name=value oder nur name, wenn die Eigenschaft boolesch ist. Einige der Funktionen sind die Standardposition und Größe des Fensterobjekts.

Beispielcode:

<button type="button" id="btn" onclick="openGoogleByMethod()">Open Google</button>
window.open('https://www.google.com');

Gehe zu URL mit window.location in JavaScript

Es ist eine schreibgeschützte Eigenschaft von window.location, die das Location-Objekt zurückgibt. Dieses Objekt enthält Informationen zum aktuellen Speicherort des Dokuments. Das Standortobjekt enthält auch andere Eigenschaften wie href, protocol, host, hostname, port usw.

Auf die Eigenschaften von window.location kann auch direkt über location zugegriffen werden, da das Fensterobjekt immer an der Spitze der Scope-Kette bleibt. Benutzer können die href-Eigenschaft verwenden oder die Methode des Location-Objekts assign, um andere URLs/Ressourcen zu laden/öffnen.

Syntax

window.location = URL_PATH;
window.location.href = URL_PATH;
window.location.assign(URL_PATH);

Parameter

  • URL_PATH: Dies ist ein obligatorischer Parameter, der gültige URLs akzeptiert, die geöffnet werden müssen. Diese URL kann eine absolute URL, eine relative URL, eine Anker-URL oder ein neues Protokoll sein.

Beispielcode:

<button type="button" id="btn" onclick="openGoogle()">Open Google</button>
window.location = 'https://www.google.com';
window.location.href = 'https://www.google.com';
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn