Verificar se um URL atual contém a string necessária faz maravilhas ao acessar todos os sites relacionados de acordo com suas necessidades de uma só vez, resultando na economia de muito tempo e problemas. Além disso, essa técnica se torna muito útil para testar as várias páginas da web do seu site.
Este artigo discutirá os métodos para verificar se a URL atual contém uma string em JavaScript.
Como verificar/identificar se o URL atual contém string em Javascript?
Para verificar se a URL atual contém uma string em Javascript, você pode utilizar:
- “ teste() ” método.
- “ toString().includes() ” método.
- “ índice de() ” método.
Vamos agora passar por cada uma das abordagens mencionadas, uma por uma!
Método 1: Verifique se o URL atual contém String em Javascript usando o método test()
O ' teste() ” verifica se há uma correspondência na string e retorna “ verdadeiro ' se encontrado. Aplicaremos este método para testar se a URL atual contém uma string ou não.
Sintaxe
teste ( corda )
Aqui, ' corda ” refere-se à string que precisa ser pesquisada.
Visão geral do exemplo a seguir para a demonstração.
Exemplo
Em primeiro lugar, especificaremos a string como “ URL ” e teste a presença dele na página de URL atual aplicando o “ janela.local.href ' propriedade. Se a condição adicionada for satisfeita, uma caixa de alerta aparecerá com a mensagem especificada:
E se ( / URL / .teste ( janela.local.href ) ) {alerta ( 'O URL contém a string 'URL'' ) ;
}
A saída resultante será:
Método 2: Verifique se a URL atual contém String em Javascript usando o método toString().includes()
O ' para sequenciar() ” retorna uma string referente ao objeto e o “ inclui() ” retorna true se o valor especificado estiver presente na string. Ambos os métodos podem ser utilizados em combinação para verificar se a URL atual contém a string adicionada ou não.
Sintaxe
string.includes ( valor )Aqui, o método includes() irá procurar o dado “ valor ' no ' corda ”.
Veja o exemplo abaixo para demonstração.
Exemplo
No exemplo abaixo, vamos aplicar o “ janela.local ” que contém todas as informações sobre a localização atual do documento. Em seguida, usaremos o “ para sequenciar() ” com o objeto específico para verificar se a string especificada está presente na URL atual. Por fim, gere uma caixa de alerta sobre a condição satisfeita:
E se ( window.location.toString ( ) .inclui ( 'CORDA' ) ) {alerta ( 'O URL contém a string 'STRING'' ) ;
}
Resultado
Método 3: Verifique se a URL atual contém uma string em Javascript usando o método indexOf()
O ' índice de() ” retorna a posição do primeiro valor em uma string e retorna -1 se o valor não for encontrado. Vamos aplicar esta técnica para verificar se existe um valor de string na URL atual acessando seu índice.
Sintaxe
string.indexOf ( valor )Aqui, o método indexOf() irá procurar o “ valor ” na string especificada.
O exemplo abaixo irá demonstrar o conceito acima.
Exemplo
Primeiro, vamos aplicar o “ janela.local.href ” para acessar o URL da página atual. Depois disso, acessaremos o índice da string aplicando o “ índice de() ” método. Por fim, a caixa de alerta exibirá a seguinte mensagem se a string especificada for encontrada na URL atual:
E se ( window.location.href.indexOf ( 'URL' ) > - 1 ) {alerta ( 'O URL contém a string 'URL'' ) ;
}
No outro caso, se o valor da string não for encontrado, a caixa de alerta exibirá a seguinte mensagem:
senão {alerta ( 'O URL não contém a string 'URL'' ) ;
}
Resultado
Fornecemos métodos mais simples para verificar se a URL atual contém uma string em JavaScript.
Conclusão
Para verificar se a URL atual contém uma string em Javascript, você pode aplicar o “ teste() ” junto com o método “ janela.local.href ” para corresponder o valor de string específico com o URL ou o “ toString().includes() ', ou o ' índice de() ” para retornar o índice do primeiro valor na string especificada. Este artigo explicou os métodos para verificar se a URL atual contém uma string em JavaScript.