Em JavaScript, a análise é utilizada para converter uma grande quantidade de dados não estruturados em um formato legível e mais fácil. Você pode analisar dados na forma de strings, objetos e URLs de um determinado site. Para analisar um determinado URL em JavaScript, utilize o “ URL() ” construtor. Ele criará um novo objeto de URL com host, nome de caminho, hash de pesquisa e propriedades do hash.
Esta postagem ilustrará o método para analisar uma URL em um nome de host e caminho em JavaScript.
Analisando um URL (endereço da Web) no nome do host e no caminho em JavaScript
Para analisar o URL no nome do host e caminho em JavaScript, use o URL da página atual com a ajuda de “ window.location.href ' propriedade. Além disso, um URL específico também pode ser analisado usando o “ URL() ” método.
Para implicações práticas, confira os exemplos declarados:
Exemplo 1: Analisar o URL da página atual no nome do host e no caminho
Você pode analisar o URL da página atual no nome do host e no caminho em JavaScript. Para isso, utilize o seguinte código na parte HTML:
- Adicione um “ ” e atribua um id usando a tag “ eu ia ” atributo.
- Faça um botão usando o botão “
” elemento e invocar o “ ao clicar ” para realizar um evento específico quando o usuário clicar no botão. Além disso, invoque uma função como o valor deste evento:
< botão ao clicar = 'função()' > Analisar para URL botão >
< p id = 'id2' > p >
< p id = 'id3' > p >
Na parte JavaScript, acesse o primeiro id com a ajuda de “ getElementById() ” método e definir “ window.location.href ” para analisar o URL da página atual:
documento. getElementById ( 'id1' ) . HTML interno = janela. localização . href ;Uma função é definida como “ função() ” que acessa o segundo elemento usando o “ id2 ”. Aplique estilo em linha com a ajuda do “ ” Tag HTML e defina a cor. Em seguida, use “ window.location.hostname ” propriedade que retornará a URL da página atual:
função função ( ) {
documento. getElementById ( 'id2' ) . HTML interno = ` < estilo h2 = 'cor azul;' > nome de anfitrião : h2 > ` + janela. localização . nome de anfitrião ;
documento. getElementById ( 'id3' ) . HTML interno = ` < estilo h2 = 'cor azul;' > Caminho : h2 > ` + janela. localização . nome do caminho ;
}
Saída
Pode-se observar que o Hostname e o caminho da página atual são exibidos na tela após clicar no botão:
Exemplo 2: Analisar URL em nome de host e caminho usando o método URL()
Você também pode analisar o URL no nome do host e caminho usando o “ URL() ” método. Para fazer isso, utilize o código HTML acima e, em seguida, adicione o código JavaScript indicado abaixo. Para isso, inicialize um objeto e utilize a função “ URL() ” e passe o URL da página específica como um argumento para o método:
era meu_url = novo URL ( 'https://linuxhint.com/' ) ;Acesse o elemento HTML usando seu id com a ajuda de “ getElementById() ” método:
documento. getElementById ( 'id1' ) . HTML interno = meu_url ;Crie uma função com um nome e acesse os outros elementos HTML:
função função ( ) {documento. getElementById ( 'id2' ) . HTML interno = ` < estilo h2 = 'cor azul;' > nome de anfitrião : h2 > ` + my_url. nome de anfitrião ;
documento. getElementById ( 'id3' ) . HTML interno = ` < estilo h2 = 'cor azul;' > Caminho : h2 > ` + my_url. nome do caminho ;
}
Saída
Trata-se de analisar o URL/endereço da Web no nome do host e no caminho em JavaScript.
Conclusão
Em JavaScript, “ window.location.href ” pode ser usado para analisar o URL da página atual. Além disso, um URL específico também pode ser analisado usando o “ URL() ” método. Este tutorial explicou o procedimento detalhado de análise de um URL (endereço da Web) em um nome de host e caminho usando diferentes maneiras.