Como fazer redirecionamento de um site via HTML

Como fazer redirecionamento de um site via HTML

Olá pessoal…

Hoje vou mostrar como fazer um redirecionamento de site via HTML, de duas formas, a primeira sem esperar nada, e a segunda esperando 3 segundos.


Para fazer o redirecionamento de um site, utilizamos o location.href dentro de um script (javascript), e podemos utilizar até um timeout para esperar algum tempo. Abaixo segue dois exemplos abrindo o Terminal de Informação.

Sem esperar nada:

<script type="text/javascript">
	location.href="https://terminaldeinformacao.com";
</script>

Esperando 3 Segundos:

<script type="text/javascript">
	setTimeout(function(){location.href="https://terminaldeinformacao.com"} , 3000);
</script>

Agora basta inserir em um código .html, abaixo segue o fonte completo:

<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript">
			setTimeout(function(){location.href="https://terminaldeinformacao.com"} , 3000);
		</script>
		<title>Terminal de Informação</title>
	</head>
	<body bgcolor="#f2f2f2">
		<font color="grey"><center>
			Aguarde, redirecionando em 3 segundos...<br>
			<img src="https://terminaldeinformacao.com/wp-content/uploads/2016/01/ti_logo_fim.png" width="284" heigth="284" style="opacity:0.7;filter:alpha(opacity=70);"><br>
			Se o redirecionamento n&amp;atilde;o funcionar automaticamente, acesse <a href='https://terminaldeinformacao.com' style="color: rgb(0,0,255)">https://terminaldeinformacao.com</a>...
		</center></font>
	</body>
</html>

Abaixo um print da página html:

Exemplo de Redirecionamento
Exemplo de Redirecionamento

Bom pessoal, por hoje é só.
Abraços e até a próxima.

About Dan_Atilio

Analista e desenvolvedor de sistemas. Técnico em Informática pelo CTI da Unesp. Graduado em Banco de Dados pela Fatec Bauru. Entusiasta de soluções Open Source e blogueiro nas horas vagas. Autor do projeto Terminal de Informação, onde são postados tutoriais e notícias envolvendo o mundo da tecnologia.

3 comentários em “Como fazer redirecionamento de um site via HTML

Deixe uma resposta

%d blogueiros gostam disto: