Как разобрать URL-адрес на имя хоста и путь в javascript?

Опубликовано: 1 Декабря, 2021

Как разобрать URL-адрес на имя хоста и путь в JavaScript?

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

Пример 1. В этом примере анализируется URL-адрес текущей веб-страницы.

HTML

 <!DOCTYPE html>
 < html >
 
< body style = "text-align:center;" >
    < h2 style = "color:green;" >
        Required URL is:
    </ h2 >
     
    < p id = "para1" ></ p >
 
    < button onclick = "my_function()" >
        Parse It
    </ button >
     
    < p id = "para2" ></ p >
 
    < p id = "para3" ></ p >
 
    <!--Script to parse the URL of
        the current web page-->
    < script >
        document.getElementById("para1")
            .innerHTML = window.location.href;
 
        function my_function() {
            document.getElementById("para2")
                .innerHTML =
 `< h3 style = "color:green;" >Hostname : </ h3 >` +
                window.location.hostname;
 
            document.getElementById("para3")
                .innerHTML =
 `< h3 style = "color:green;" >Path : </ h3 >` +
                window.location.pathname;
        }
    </ script >
 </ body >
 
</ html > 

Выход:

Перед нажатием кнопки:

Перед нажатием кнопки

После нажатия кнопки:

Пример 2 В этом примере анализируется предопределенный URL.