В JavaScript синтаксический анализ используется для преобразования большого количества неструктурированных данных в удобочитаемый и простой формат. Вы можете анализировать данные в виде строк, объектов и URL-адресов определенного веб-сайта. Чтобы проанализировать конкретный URL-адрес в JavaScript, используйте « URL() 'Конструктор. Он создаст новый объект URL с хостом, путем, хешем поиска и свойствами хеша.
В этом посте будет показан метод преобразования URL-адреса в имя хоста и путь в JavaScript.
Разбор URL-адреса (веб-адреса) в имя хоста и путь в JavaScript
Чтобы преобразовать URL-адрес в имя хоста и путь в JavaScript, используйте URL-адрес текущей страницы с помощью « окно.местоположение.href ' свойство. Кроме того, определенный URL-адрес также может быть проанализирован с помощью « URL() метод.
Для практических последствий ознакомьтесь с указанными примерами:
Пример 1. Анализ URL-адреса текущей страницы на имя хоста и путь
Вы можете разобрать URL-адрес текущей страницы на имя хоста и путь в JavaScript. Для этого используйте следующий код в части HTML:
- Добавить ' » и назначьте идентификатор с помощью « идентификатор атрибут.
- Сделайте кнопку с помощью « <кнопка> » и вызовите « по щелчку ” для выполнения определенного события, когда пользователь нажимает кнопку. Кроме того, вызовите функцию как значение этого события:
< кнопка при нажатии '=' 'функция()' > Разобрать по URL кнопка >
< идентификатор p '=' 'id2' > п >
< идентификатор p '=' 'id3' > п >
В части JavaScript получите доступ к первому идентификатору с помощью « получитьэлемент по идентификатору() ' метод и набор ' окно.местоположение.href », чтобы проанализировать URL-адрес текущей страницы:
документ. получитьэлементбиид ( 'id1' ) . внутреннийHTML '=' окно. расположение . href ;Функция определяется как « функция() », который обращается ко второму элементу с помощью « идентификатор2 ». Примените встроенную укладку с помощью кнопки « HTML-тег и установите цвет. Затем используйте « окно.местоположение.имя хоста », которое вернет URL-адрес текущей страницы:
функция функция ( ) {
документ. получитьэлементбиид ( 'id2' ) . внутреннийHTML '=' ` < стиль h2 '=' 'цвет синий;' > Имя хоста : h2 > ` + окно. расположение . имя хоста ;
документ. получитьэлементбиид ( 'id3' ) . внутреннийHTML '=' ` < стиль h2 '=' 'цвет синий;' > Путь : h2 > ` + окно. расположение . путь ;
}
Выход
Можно заметить, что имя хоста и путь к текущей странице отображаются на экране после нажатия на кнопку:
Пример 2. Анализ URL-адреса на имя хоста и путь с использованием метода URL()
Вы также можете разобрать URL-адрес на имя хоста и путь, используя « URL() метод. Для этого используйте приведенный выше HTML-код, а затем добавьте приведенный ниже код JavaScript. Для этого инициализируйте объект и используйте « URL() » и передать URL-адрес конкретной страницы в качестве аргумента метода:
был мой_url '=' новый URL-адрес ( 'https://linuxhint.com/' ) ;Получите доступ к элементу HTML, используя его идентификатор с помощью « получитьэлемент по идентификатору() метод:
документ. получитьэлементбиид ( 'id1' ) . внутреннийHTML '=' мой_url ;Создайте функцию с именем и получите доступ к другим элементам HTML:
функция функция ( ) {документ. получитьэлементбиид ( 'id2' ) . внутреннийHTML '=' ` < стиль h2 '=' 'цвет синий;' > Имя хоста : h2 > ` + мой_адрес. имя хоста ;
документ. получитьэлементбиид ( 'id3' ) . внутреннийHTML '=' ` < стиль h2 '=' 'цвет синий;' > Путь : h2 > ` + мой_адрес. путь ;
}
Выход
Это все о преобразовании URL/веб-адреса в имя хоста и путь в JavaScript.
Заключение
В JavaScript « окно.местоположение.href ” можно использовать для анализа URL-адреса текущей страницы. Кроме того, определенный URL-адрес также может быть проанализирован с помощью « URL() метод. В этом руководстве объясняется подробная процедура преобразования URL-адреса (веб-адреса) в имя хоста и путь различными способами.