2 Códigos/Script para redirecionamento de páginas ou download




01 | Redirecionamento via HTML:

Vamos utilizar a tag <meta> para dentro do <head> para a criação do redirecionamento, com o seguinte atributo: http-equiv=”refresh”.

Dentro da sua index.html, adicione o script abaixo;

Exemplo:

[<meta http-equiv="refresh" content="tempo em segundos; URL='url da pagina destino '"/>]

No script acima o atributo content que define o tempo em que o redirecionamento acontecerá após acessar a página. Também é necessário informar a URL para o redirecionamento.

Exemplo:
[<!DOCTYPE html>  <!-Define o tipo de documento->
<html>
<head>
    <meta charset="utf-8"/> <!-Define o conjunto de caracteres usados no documento->
<title>Meu Redirect</title> <!-Define o título do documento na aba do navegador->

    <meta http-equiv="refresh" content="5; URL='https://www.orosa.com.br/'"/> <!-Define o redirecionamento, tempo e URL->
</head>
    <body>
    </body>
</html>]

No script acima o redirecionamento acontecerá em 5 segundos após o acesso, e será para o site: https://orosa.com.br.

02 | Redirecionamento via Java Script.

Para utilização do redirecionamento em Java Script podemos usar a função abaixo dentro da tag <script> dentro do <head> com a seguinte função:

Exemplo:

   [<script type="text/javascript">
      function redirectTime(){
         window.location = "http://www.orosa.com.br"
      } </script>]

No script você precisa adicionar o link de redicionamento, e difente de HTML o tempo aqui é definido em milisegundos, e você deve informar a tag setTimeout dentro da tag <body>.

Exemplo:

[<!DOCTYPE html> <!-Define o tipo de documento->
<html>
<head>
<meta charset="utf-8"/> <!-Define o conjunto de caracteres usados no documento->
<title>Meu Redirect</title> <!-Define o título do documento na aba do navegador->
<script type="text/javascript"> // Tipo do Script
function redirectTime(){ // Função que define o tempo
window.location = "http://www.orosa.com.br" //Define o link de redirecionamento
}
</script>
</head>
<body onLoad="setTimeout('redirectTime()', 3000)"> <!- Defina o tempo para redirecionamento->
</body>
</html>]

Postar um comentário

0 Comentários