{"id":21409,"date":"2022-11-17T11:13:02","date_gmt":"2022-11-17T14:13:02","guid":{"rendered":"https:\/\/ajuda.locaweb.com.br\/?post_type=ht_kb&#038;p=21409"},"modified":"2024-09-06T15:12:19","modified_gmt":"2024-09-06T18:12:19","slug":"como-realizar-redirect-html-e-java-script-hospedagem-de-sites","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/como-realizar-redirect-html-e-java-script-hospedagem-de-sites\/","title":{"rendered":"Como realizar redirect HTML e JavaScript &#8211; Hospedagem de Sites"},"content":{"rendered":"    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Informa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tNeste artigo vamos aprender como realizar o redirecionamento de uma p\u00e1gina via HTML e tamb\u00e9m via JavaScript.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<ul>\n<li>Quando se possu\u00ed mais de um site ou p\u00e1gina, \u00e9 muito comum o uso de redirecionamento entre p\u00e1ginas.<\/li>\n<li>Via HTML \u00e9 poss\u00edvel realizar esse procedimento com o uso de metadados. Ent\u00e3o se trata de um redirecionamento de uma determinada p\u00e1gina\/site para outro(a).<\/li>\n<li>Voc\u00ea pode escolher a linguagem a ser utilizada, vamos aprender como realizar em HTML e JavaScript.<\/li>\n<\/ul>\n<h2>HTML Redirect<\/h2>\n<ul>\n<li>Vamos utilizar a tag <strong>&lt;meta&gt;\u00a0<\/strong>para dentro do <strong>&lt;head&gt;\u00a0<\/strong>para a cria\u00e7\u00e3o do redirecionamento, com o seguinte atributo: http-equiv=&#8221;refresh&#8221;.<\/li>\n<li>Dentro da sua <strong>index.html,\u00a0<\/strong>adicione o script abaixo;<\/li>\n<\/ul>\n<h3><strong>Exemplo:<\/strong><\/h3>\n<pre>&lt;meta http-equiv=\"refresh\" content=\"tempo em segundos; \r\nURL='url da pagina destino '\"\/&gt;<\/pre>\n<ul>\n<li>No script acima o atributo <strong>content\u00a0<\/strong>que define o tempo ap\u00f3s acessar a p\u00e1gina, em que o redirecionamento acontecer\u00e1, e tamb\u00e9m \u00e9 necess\u00e1rio informar a URL para o redirecionamento.<\/li>\n<\/ul>\n<h3><strong>Exemplo:<\/strong><\/h3>\n<pre>&lt;!DOCTYPE html&gt;  &lt;!-Define o tipo de documento-&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=\"utf-8\"\/&gt; &lt;!-Define o conjunto de caracteres usados no documento-&gt;\r\n&lt;title&gt;Meu Redirect&lt;\/title&gt; &lt;!-Define o t\u00edtulo do documento na aba do navegador-&gt;\r\n\r\n    &lt;meta http-equiv=\"refresh\" content=\"5; URL='https:\/\/www.locaweb.com.br\/'\"\/&gt; &lt;!-Define o redirecionamento, tempo e URL-&gt;\r\n&lt;\/head&gt;\r\n    &lt;body&gt;\r\n    &lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<ul>\n<li>No script acima o redirecionament acontecer\u00e1 em <strong>5 segundos<\/strong> ap\u00f3s o acesso, e ser\u00e1 para o site: <strong>https:\/\/locaweb.com.br<\/strong>.<\/li>\n<\/ul>\n<h2>Redirecionamento via JavaScript<\/h2>\n<ul>\n<li>Para utiliza\u00e7\u00e3o do redirecionamento em JavaScript podemos usar a fun\u00e7\u00e3o abaixo dentro da tag <strong>&lt;script&gt;<\/strong> dentro do <strong>&lt;head&gt; <\/strong>com a seguinte fun\u00e7\u00e3o:<\/li>\n<\/ul>\n<h3><strong>Exemplo:<\/strong><\/h3>\n<pre class=\"javascript\">   &lt;script type=\"text\/javascript\"&gt;\r\n      function redirectTime(){\r\n         window.location = \"http:\/\/www.locaweb.com.br\"\r\n      }<\/pre>\n<ul>\n<li>No script voc\u00ea precisa adicionar o link de redicionamento, e difente de HTML o tempo aqui \u00e9 definido em <strong>milisegundos<\/strong>, e voc\u00ea deve informar a tag <strong>setTimeout\u00a0<\/strong>dentro da tag &lt;<strong>body&gt;.<\/strong><\/li>\n<\/ul>\n<h3><strong>Exemplo:<\/strong><\/h3>\n<pre>&lt;!DOCTYPE html&gt; &lt;!-Define o tipo de documento-&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;meta charset=\"utf-8\"\/&gt; &lt;!-Define o conjunto de caracteres usados no documento-&gt;\r\n&lt;title&gt;Meu Redirect&lt;\/title&gt; &lt;!-Define o t\u00edtulo do documento na aba do navegador-&gt;\r\n&lt;script type=\"text\/javascript\"&gt; \/\/ Tipo do Script\r\nfunction redirectTime(){ \/\/ Fun\u00e7\u00e3o que define o tempo\r\nwindow.location = \"http:\/\/www.locaweb.com.br\" \/\/Define o link de redirecionamento\r\n}\r\n&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body onLoad=\"setTimeout('redirectTime()', 3000)\"&gt; &lt;!- Defina o tempo para redirecionamento-&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<ul>\n<li>No script acima as fun\u00e7\u00f5es de <strong>tempo<\/strong> e <strong>redirecionamento<\/strong> est\u00e3o ativas, voc\u00ea pode adapta-las para sua aplica\u00e7\u00e3o.<\/li>\n<li>Caso queira informar o usu\u00e1rio que est\u00e1 sendo redirecionado, voc\u00ea pode definir a tag <strong>&lt;p&gt;<\/strong>, <strong>&lt;h1&gt;<\/strong>, <strong>&lt;h2&gt;<\/strong> e assim por diante, dentro do <strong>&lt;body&gt;\u00a0<\/strong>com o seguinte script:<\/li>\n<\/ul>\n<pre><span class=\"crayon-r \">&lt;p&gt;<\/span>\r\n\r\n<span class=\"crayon-i \">  \u00a0 \u00a0 Adicione seu texte aqui <\/span>\r\n\r\n<span class=\"crayon-i \">\u00a0 \u00a0 \u00a0 <\/span><span class=\"crayon-r \">&lt;a <\/span><span class=\"crayon-e \">href<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s \">\"https:\/\/www.locaweb.com.br\/\"<\/span><span class=\"crayon-r \">&gt;<\/span><span class=\"crayon-i \">www.locaweb.com.br\/<\/span><span class=\"crayon-r \">&lt;\/a&gt;<\/span>\r\n\r\n<span class=\"crayon-r \">&lt;\/p&gt;<\/span><\/pre>\n    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Conhe\u00e7a!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tAproveite e conhe\u00e7a outros produtos da Locaweb, como o <a href=\"https:\/\/www.locaweb.com.br\/clic-lead\/\" target=\"_blank\" rel=\"noopener\">Clic Lead<\/a>. Acesse e saiba mais!    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n","protected":false},"excerpt":{"rendered":"<p>Quando se possu\u00ed mais de um site ou p\u00e1gina, \u00e9 muito comum o uso de redirecionamento entre p\u00e1ginas. Via HTML \u00e9 poss\u00edvel realizar esse procedimento com o uso de metadados. Ent\u00e3o se trata de um redirecionamento de uma determinada p\u00e1gina\/site para outro(a). Voc\u00ea pode escolher a linguagem a ser utilizada,&#8230;<\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[119],"ht-kb-tag":[],"class_list":["post-21409","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-hospedagem-de-sites"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/21409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=21409"}],"version-history":[{"count":14,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/21409\/revisions"}],"predecessor-version":[{"id":36300,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/21409\/revisions\/36300"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=21409"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=21409"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=21409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}