Venho complementar a resposta, pois acredito que mais pessoas procuraram a resposta a essa pergunta em um contexto de um parâmetro URL e Submit.
É comum passar parâmetros para uma página da Web. Para passar parâmetros, você segue a URL com um ponto de interrogação ?
, o primeiro parâmetro, um sinal de igual =
e o valor do primeiro parâmetro stringObj
. Incluir parâmetros seguintes como um "e" comercial &
, o parâmetro, um sinal de igual =
e o valor do parâmetro stringObj
. Você pode, em seguida, recuperar os parâmetros da URL usando o código JavaScript.
Em contrapartida ao exemplo postado por @Sergio, é um código muito pouco provável de ser portável(Cross Browser), por se tratar do foreach();
, este não roda no caso de browsers com versão desatualizada e/ou que não suportam o ECMAScript5. Para tanto, fiz a Engenharia reversa ao código de @Sergio, no qual me inspirou.
Elaborei um código minificado, mas é compreensível que nos dá uma visão clara com o qual se possa realizar um método interessante para fazer com que algumas páginas de nosso site somente seja acessíveis se introduz um nome correto.. Vejamos:
Temos que trabalhar com 2 páginas web pelo menos, uma para colocar o formulário e outra que processa e redireciona ao resultado(s).
Copie e Cole o código abaixo, no seu editor de texto preferido e salve com nome de:
index.html
<!DOCTYPE html>
<html>
<head>
<title>Buscador</title>
</head>
<body>
<center>
<form method="GET" action="localizador.html">
<input type="text" name="q">
<input type="submit" value="Buscar">
</form>
</center>
</body>
</html>
Copie e Cole o código abaixo, no seu editor de texto preferido e salve com nome de:
localizador.html
<html>
</head>
<body>
<center>
<input type="hidden" name="q" id="txt"/>
</center>
</body>
<script language="Javascript">
function busca()
{
var url = location.href.split('?');
url = url.pop().slice('2');
for (var i in url){
document.getElementById('txt').value+=url[i];
}
window.location = document.getElementById('txt').value + ".html"
}
// Ivocando a função
busca();
</script>
</html>
Ja se pergntou, para que seu site precisa do campo de busca?
Se o usuário não o encontrar no menu ou no mapa do seu site algo que procura, ele terá a chance de encontrá-lo graças ao campo de busca.
Vamos supor que são inúmeras páginas catalogadas, seria tedioso inserir link após link na Home Page sem contar que ficaria poluída visualmente falando.
A única maneira de acessar as páginas seria conhecendo o nome de arquivo e escrever a URL do mesmo.
"É aonde que entra uma caixa de sugestão."
Bom, voltando ... criaremos um formulário muito simples, que incluirá um campo de texto e um botão. No campo de texto teremos que escrever o nome do arquivo que se deseja ver e ao clicar o botão submit
será conduzido para a página localizador.html
, nesse ponto será processado a entrada recebida, se tiver esse nome de arquivo. Daí, o localizador.html
nos conduzirá ao lugar correto e poderemos ver a página oculta.
Mas caso não acertamos com o nome da página escondida. Neste caso, se mostraria uma página de erro típica servidor.
É isso aí pessoal, espero que gostem desta publicação e esclareça as dúvidas que assim como eu tive a curiosidade de desvendar o que ocorre por traz dos motores de busca, em parte é algo relativamente similar.