Das Überprüfen von URLs von derselben Quelle mit JavaScript

Einführung

In diesem Lab werden wir untersuchen, wie man mithilfe von JavaScript überprüft, ob zwei URLs von derselben Quelle stammen. Wir werden die Eigenschaften URL.protocol und URL.host verwenden, um das Protokoll und den Host der URLs zu vergleichen und zu bestimmen, ob sie von derselben Quelle stammen oder nicht. Dies ist eine nützliche Fähigkeit für Web-Entwickler, die die Sicherheit ihrer Webanwendungen gewährleisten und Angriffe durch Cross-Site-Scripting verhindern müssen.

Überprüfen, ob zwei URLs von derselben Quelle stammen

Um zu überprüfen, ob zwei URLs von derselben Quelle stammen:

1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.

2. Verwenden Sie URL.protocol und URL.host, um zu überprüfen, ob beide URLs das gleiche Protokoll und den gleichen Host haben.

const isSameOrigin = (origin, destination) =>
  origin.protocol === destination.protocol && origin.host === destination.host;

3. Erstellen Sie zwei URL-Objekte mit den URLs, die Sie vergleichen möchten.

const origin = new URL("https://www.30secondsofcode.org/about");
const destination = new URL("https://www.30secondsofcode.org/contact");

4. Rufen Sie die isSameOrigin-Funktion mit den beiden URL-Objekten als Argumenten auf, um einen booleschen Ausgabewert zu erhalten.

isSameOrigin(origin, destination); // true

5. Sie können die Funktion auch mit anderen URLs testen, um zu sehen, ob sie von derselben Quelle stammen oder nicht.

const other = new URL("https://developer.mozilla.org");
isSameOrigin(origin, other); // false

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab zu URLs von derselben Quelle abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.