Проверить URL-адреса из одного источника | Руководство по программированию на JavaScript

Введение

В этом лабораторном задании мы изучим, как проверить, находятся ли два URL-адреса в одном источнике с использованием JavaScript. Мы будем использовать свойства URL.protocol и URL.host для сравнения протокола и хоста URL-адресов и определения, принадлежат ли они одному и тому же источнику или нет. Это полезный навык для веб-разработчиков, которые должны обеспечить безопасность своих веб-приложений и предотвратить атаки с использованием кросс-страничного сценария.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/SecurityGroup(["Security"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/obj_manip("Object Manipulation") javascript/SecurityGroup -.-> javascript/web_sec("Web Security Basics") subgraph Lab Skills javascript/variables -.-> lab-28441{{"Проверка URL-адресов из одного источника с использованием JavaScript"}} javascript/data_types -.-> lab-28441{{"Проверка URL-адресов из одного источника с использованием JavaScript"}} javascript/arith_ops -.-> lab-28441{{"Проверка URL-адресов из одного источника с использованием JavaScript"}} javascript/comp_ops -.-> lab-28441{{"Проверка URL-адресов из одного источника с использованием JavaScript"}} javascript/obj_manip -.-> lab-28441{{"Проверка URL-адресов из одного источника с использованием JavaScript"}} javascript/web_sec -.-> lab-28441{{"Проверка URL-адресов из одного источника с использованием JavaScript"}} end

Проверить, находятся ли два URL-адреса в одном источнике

Для проверки того, находятся ли два URL-адреса в одном источнике:

Откройте Терминал/SSH и введите node, чтобы начать практиковать программирование.
Используйте URL.protocol и URL.host, чтобы проверить, имеют ли оба URL-адреса один и тот же протокол и хост.

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

Создайте два объекта URL с URL-адресами, которые вы хотите сравнить.

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

Вызовите функцию isSameOrigin с двумя объектами URL в качестве аргументов, чтобы получить логический результат.

isSameOrigin(origin, destination); // true

Вы также можете протестировать функцию с другими URL-адресами, чтобы увидеть, находятся ли они в одном источнике или нет.

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

Резюме

Поздравляем! Вы завершили лабораторную работу по URL-адресам из одного источника. Вы можете практиковать в других лабораторных работах в LabEx, чтобы улучшить свои навыки.