janela.Propriedades do objeto de localização | Explicado

Modelo de objeto do navegador mais comumente chamado de BOM é um modelo de objeto usado por JavaScript para se comunicar com o navegador. BOM contém objetos que descobrem as funcionalidades de um navegador da web. Existem muitos objetos significativos que fazem parte do modelo de objeto do navegador (BOM), como objeto de história, objeto de tela, objeto de localização, objeto de navegação, etc. Esses objetos consistem em muitas propriedades e métodos. Este artigo, no entanto, foi projetado para destacar as propriedades do Objeto de localização.

Antes de pular direto para as propriedades do Objeto de localização, Vamos primeiro entender o que é um objeto de localização.

Objeto de localização

O objeto de localização consiste nas informações relevantes sobre o URL disponível e, como objeto de documento, objeto de histórico e objeto de tela, também é uma propriedade do objeto da janela.

Sintaxe
A sintaxe do objeto de localização é a seguinte.

janela.localização

Ou,

localização

Exemplo
No exemplo a seguir, estamos usando a propriedade PathName do objeto de localização para buscar o nome do caminho da página da web.

Saída

Usando a propriedade PathName do objeto de localização, buscamos o nome do caminho do URL existente.

Agora que temos um entendimento básico do objeto de localização, vamos mergulhar nos detalhes das propriedades do objeto de localização.

Propriedades do objeto de localização

As propriedades do objeto de localização são as seguintes.

cerquilha

É usado com o objetivo de buscar ou definir a âncora do URL (incluindo o hash#).

Sintaxe
A sintaxe da propriedade Hash é dada abaixo.

Para buscar,

localização.cerquilha

Para configurar,

localização.Hash = Anchor-Name

Exemplo
Suponha que você queira obter a parte da âncora de um URL usando a propriedade Hash do objeto de localização.

Folha de dicas de comando linux

No exemplo acima, fornecemos um link para o atributo href do elemento, então usamos a propriedade Hash sobre o link para obter a parte da âncora do URL.

documento.getElementById ("tutorial").INNERHTML = "A parte da âncora do URL é:"

Saída

Usando a propriedade Hash do objeto de localização, extraímos a parte da âncora do URL.

hospedar

É usado com o objetivo de extrair o nome do host e o número da porta do URL.

Sintaxe
A sintaxe da propriedade host é dada abaixo.

Para buscar o anfitrião do URL,

localização.hospedar

Para definir o host do URL,

localização.host = novo host: nova porta

Exemplo
Suponha que você queira buscar o nome do host do URL existente usando a propriedade host do objeto de localização.

No exemplo acima, estamos recebendo o nome do host do URL disponível usando a seguinte parte do código.

Deixe host = localização.hospedar;
documento.getElementById ("tutorial").inerhtml = host;

Saída

Usando a propriedade host do objeto de localização, o nome do host e o número da porta do URL existente foi buscado.

nome de anfitrião

É usado para buscar o nome do host do URL.

Sintaxe
A sintaxe da propriedade do nome do host é fornecida abaixo.

Para buscar o nome do host do URL,

localização.nome de anfitrião

Para definir o nome do host do URL,

localização.hostname = novo nome do host

Exemplo
Suponha que você queira extrair o nome do host do URL em mãos.

No exemplo acima, a propriedade HostName do objeto de localização foi usada para obter o nome do host do URL disponível.

Let HostName = Localização.nome de anfitrião;
documento.getElementById ("tutorial").INNERHTML = HOSTNAME;

Saída

Usando a propriedade HostName do objeto de localização, o nome do host do presente URL foi buscado.

Href

É usado com o objetivo de buscar ou definir o URL completo.

Sintaxe
A sintaxe da propriedade HREF é dada abaixo.

Para extrair o href do URL,

localização.Href

Para definir o href do URL,

localização.href = novo URL

Exemplo
Suponha que você queira extrair o URL completo da página da web existente.

No exemplo acima, usando a propriedade HREF do objeto Localização, o URL completo da página da web em mãos está sendo buscada.

Deixe url = localização.href;
documento.getElementById ("tutorial").inerhtml = url;

Saída

O URL completo da página atual da Web foi extraído usando a propriedade HREF do objeto Localização.

origem

É usado com o objetivo de buscar o nome do host, o número da porta e o protocolo do URL.

Sintaxe
A sintaxe da propriedade de origem é a seguinte.

localização.origem

Exemplo
Suponha que você queira buscar o protocolo, o nome do host e o número da porta do URL atual.

No exemplo acima, o Origin (protocolo, nome do host e número da porta) do URL atual está sendo buscado usando a propriedade Origin do objeto de localização.

Deixe Origin = Localização.origem;
documento.getElementById ("tutorial").inerhtml = origem;

Saída

A saída exibe o protocolo, o nome do host e o número da porta do URL disponível.

Nome do caminho

É usado com o objetivo de extrair ou definir o nome do caminho do URL.

Sintaxe
A sintaxe da propriedade do nome do caminho é a seguinte.

Para buscar o nome do caminho do URL,

localização.Nome do caminho

Para definir o nome do caminho do URL,

localização.Pathname = novo nome do caminho

Exemplo
Suponha que você queira extrair o nome do caminho do atual URL.

No exemplo acima, o nome do caminho do URL existente está sendo extraído usando a propriedade PathName do objeto de localização.

Deixe o caminho = localização.nome do caminho;
documento.getElementById ("tutorial").INNERHTML = PATH;

Saída

Usando a propriedade PathName do objeto de localização, o nome do caminho do URL existente foi buscado.

porta

É usado com o objetivo de extrair ou definir o número da porta do URL.

Sintaxe
A sintaxe da propriedade da porta é a seguinte.

Para buscar o porto do URL,

localização.porta

Para definir a porta do URL,

localização.porta = novo número da porta

Exemplo
No exemplo a seguir, o número da porta da página atual está sendo extraído.

No exemplo acima, usando a propriedade da porta do objeto de localização, o número da porta da página atual da web está sendo extraído.

Deixe Port = Localização.porta;
documento.getElementById ("tutorial").INNERHTML = "O número da porta da página da web atual é:" + porta;

Saída

O número da porta da página atual da web foi buscado e mostrado na saída.

protocolo

É usado com o objetivo de buscar ou definir o protocolo do URL.

Sintaxe
A sintaxe da propriedade do protocolo é a seguinte.

Para extrair a porta do URL,

localização.protocolo

Para definir a porta do URL,

localização.protocolo = novo protocolo

Exemplo
No exemplo a seguir, o protocolo do URL disponível está sendo buscado.

A seguinte parte do código busca o protocolo do URL atual.

Deixe o protocolo = localização.protocolo;
documento.getElementById ("tutorial").inerhtml = protocolo;

Saída

O protocolo do URL atual foi extraído.

procurar

É usado com o objetivo de buscar ou definir a ruptura do URL.

Sintaxe
A sintaxe da propriedade de pesquisa é a seguinte.

Para extrair a busca do URL,

localização.procurar

Para definir a pesquisa do URL,

localização.Pesquisa = Querystring

Exemplo

https: // linuxhint.com/linux-command-chega-sheet/?resposta = sim

A seguinte parte do código busca a tentativa de consulta do URL.

Deixe Anchor = documento.getElementById ("Linux");
Deixe a consulta = âncora.procurar;
documento.getElementById ("tutorial").INNERHTML = "A parte de pesquisa do URL é:" + consulta;

Saída

A sequência de consulta do URL foi extraída.

Conclusão

O objeto de localização consiste nas informações relevantes sobre o URL disponível e o objeto de documentos, também é uma propriedade do objeto da janela. Consiste em muitas propriedades, como hash, host, nome de host, nome do caminho, etc. Essas propriedades têm propósitos diferentes que são destacados neste post, juntamente com exemplos adequados.