Js reindirizza a un'altra pagina. Tutti i tipi di reindirizzamenti (html, js, php, htaccess). Metodi di reindirizzamento JavaScript
Potresti aver riscontrato una situazione in cui hai fatto clic su un URL per raggiungere la pagina X, ma internamente sei stato indirizzato a un'altra pagina Y. Ciò accade a causa del reindirizzamento della pagina. Questo concetto è diverso dall'aggiornamento di una pagina in JavaScript.Potrebbero esserci vari motivi per cui desideri reindirizzare l'utente lontano dalla pagina originale. Elenchiamo di seguito diversi motivi:
- Non ti piace il tuo nome di dominio e stai passando a uno nuovo. In questo caso, puoi indirizzare tutti i tuoi visitatori al nuovo sito. Qui puoi mantenere il tuo vecchio dominio, ma inserire una pagina con un reindirizzamento della pagina in modo che tutti i visitatori del tuo vecchio dominio possano accedere al nuovo dominio.
- Le tue pagine sono create in modo diverso in base alle versioni del browser o ai nomi dei browser o possono essere specificate per paesi diversi. Invece di utilizzare la pagina di reindirizzamento lato server, puoi utilizzare una pagina di reindirizzamento lato client per indirizzare gli utenti alla pagina appropriata.
- I motori di ricerca potrebbero aver già indicizzato le pagine. Ma quando ti sposti su un altro dominio, non vorrai perdere i visitatori provenienti dai motori di ricerca. Quindi puoi utilizzare una pagina di reindirizzamento lato client. Ma tieni presente che questo non dovrebbe essere fatto per ingannare il motore di ricerca, poiché ciò potrebbe comportare il ban del tuo sito.
Un esempio di implementazione del reindirizzamento della pagina è il seguente:
Esempio 1È abbastanza semplice eseguire il reindirizzamento di una pagina utilizzando JavaScript lato client. Per reindirizzare i visitatori del sito a una nuova pagina, devi semplicemente aggiungere una riga nella sezione head come questa.
Fai clic sul pulsante seguente, verrai reindirizzato alla pagina principale.
Esempio 2Puoi mostrare un messaggio pertinente ai visitatori del tuo sito e quindi reindirizzarli a una nuova pagina. Ciò richiederà un ritardo per caricare la nuova pagina. L'esempio seguente mostra come implementare lo stesso. Qui, SetTimeout() è una funzione JavaScript incorporata che può essere utilizzata per eseguire un'altra funzione dopo che è trascorso un determinato intervallo di tempo.
Conclusione Verrai reindirizzato alla pagina principale tra 10 secondi! Esempio 3
L'esempio seguente mostra come reindirizzare i visitatori del tuo sito a una pagina diversa a seconda del loro browser.
Un reindirizzamento è un reindirizzamento automatico di un utente da un indirizzo a un altro. Cioè, una persona va su un sito, ma finisce su uno completamente diverso (o su un'altra pagina di un sito). Penso che tu l'abbia visto abbastanza spesso. A volte il reindirizzamento viene eseguito con un ritardo. In generale, l'argomento è molto importante e ne parlerò in questo articolo.
In generale parleremo ora dell'oggetto Location, che è una proprietà dell'oggetto Document. L'oggetto Location ha una proprietà href, che viene utilizzata per implementare un reindirizzamento a JavaScript. Questa proprietà è sia leggibile che scrivibile. Per prima cosa leggiamolo:
Document.write(document.location.href);
Di conseguenza, vedrai l'indirizzo completo del tuo script.
Ora facciamo un semplice reindirizzamento a JavaScript:
Document.location.href = "http://sito";
Pertanto, tutti gli utenti che eseguono questo script andranno automaticamente al sito: "http://site".
Ora eseguiamo un'attività classica che viene implementata molto spesso. Supponiamo che tu abbia un sito web: http://a.ru. Quindi hai acquistato un nuovo dominio per il tuo sito web e il suo indirizzo è diventato: http://b.ru. E vuoi che tutti i visitatori si spostino da http://a.ru al nuovo http://b.ru. Inoltre, vuoi che sappiano che il tuo sito ha un nuovo indirizzo. La situazione è familiare? Quindi, questo viene implementato utilizzando un reindirizzamento con un ritardo:
ritardo var = 5000;
setTimeout("document.location.href="http://b.ru"", ritardo);
Il nostro sito web ha un nuovo indirizzo: http://b.ru. Dopo 5 secondi verrai reindirizzato ad esso. Se ciò non accade, vai su: http://b.ru
Innanzitutto, l'utente vedrà il messaggio e dopo 5 secondi passerà al nuovo indirizzo. Se all'improvviso l'utente ha JavaScript disabilitato, può navigare da solo semplicemente facendo clic sul collegamento.
Buona giornata, abbonati e ospiti del mio blog. Oggi voglio parlarvi di un materiale molto importante e popolare, i cui meccanismi sono utilizzati su molti siti e servizi web. Vale a dire, spiegherò cos'è il reindirizzamento in JavaScript.
In questa pubblicazione troverai molte informazioni utili sul reindirizzamento e conoscerai la sua applicazione principale. Ti dirò anche come creare un reindirizzamento utilizzando php, html e persino .htaccess. E naturalmente, dopo ogni capitolo chiave troverai degli esempi. Ora passiamo al debriefing!
Cos'è il reindirizzamento e per quale scopo è stato creato?Tradotto dall'inglese, reindirizzare significa "reindirizzare, reindirizzare". Infatti, con l'aiuto del reindirizzamento, gli utenti vengono automaticamente reindirizzati ad altre pagine di risorse web utilizzando un ancoraggio (link) predefinito.
Ognuno di voi ha riscontrato almeno una volta tali situazioni quando visita un sito e questo vi reindirizza alla stessa pagina, situata solo su un nuovo collegamento. Gli utenti vengono inoltre reindirizzati ad altre pagine o annunci pubblicitari. Tutto questo viene implementato utilizzando i reindirizzamenti.
Grazie a questo meccanismo puoi gestire in modo flessibile il reindirizzamento: impostare un ritardo nel passaggio a nuove pagine, se il dominio cambia, reindirizzare l'utente a un nuovo indirizzo tramite url senza azioni aggiuntive da parte di quest'ultimo, aprire le pagine in una nuova scheda, organizzare un reindirizzamento indietro se il reindirizzamento non ha avuto successo, ecc.
L'oggetto document.location è responsabile di tali azioni in JavaScript. Questo oggetto, infatti, possiede una serie di proprietà necessarie per ottenere informazioni complete su una pagina web.
Per ora parlerò di una proprietà utilizzata per il reindirizzamento della pagina: href. Se vuoi approfondire la tua conoscenza, cerca informazioni nella documentazione.
Come implementare il reindirizzamento utilizzando document.location.href?Quindi, document.location.href contiene il percorso completo delle pagine del servizio web. Se ora esegui la riga document.write (document.location.href) in qualsiasi editor online, nella risposta riceverai un collegamento completo alla scheda in cui l'hai scritto.
Per implementare un reindirizzamento è sufficiente assegnare un indirizzo diverso a questa proprietà.
Ho deciso di fornire un esempio su un compito specifico, che spesso si trova tra i compiti nei progetti reali.
Quindi, hai una sorta di risorsa web, che si trova al collegamento, ad esempio, http://pfd.ru. Ma col tempo hai acquistato un nuovo dominio più adatto e quindi il sito è stato spostato a un nuovo indirizzo: http://ddd.ru.
Poiché gli utenti sono abituati al vecchio collegamento o hanno aggiunto questo servizio ai preferiti con il vecchio indirizzo, è necessario implementare una transizione automatica. Allo stesso tempo, l'attività deve essere implementata in modo tale che i clienti vedano i cambiamenti. Per fare ciò, è necessario scrivere la seguente implementazione software:
Ritardo var inoltro = 6000; setTimeout("document.location.href="http://ddd.ru"", ritardo); Ora il sito web della società "****" si trova al nuovo indirizzo: http://ddd.ru. Dopo 6 secondi verrai reindirizzato automaticamente ad esso. Se la transizione non è avvenuta automaticamente, seguire il collegamento fornito: http://ddd.ru
Come piccolo bonus, ho deciso di allegare un altro esempio di codice a cui vengono poste molte domande. A volte si verificano altre situazioni in cui, insieme al reindirizzamento, è necessario trasferire alcuni dati alla pagina aperta tramite il metodo di invio POST. Questo meccanismo può essere implementato anche tramite js.
Per inviare qualsiasi informazione nel markup html, viene utilizzato il tag.
…
Ora, utilizzando una funzione scritta in JavaScript, i dati vengono inviati:
| 1 2 3 4 | $("document").ready(function() ( $("#newSite ").submit(); )); |
$("document").ready(function() ( $("#newSite ").submit(); ));
Ti ho spiegato come implementare il reindirizzamento utilizzando gli strumenti del linguaggio js. Passiamo ora ad analizzare lo stesso meccanismo, ma in altri linguaggi di programmazione.
Reindirizzamento all'HTMLPer reindirizzare l'utente a un altro servizio in html, viene utilizzato il tag.
Nell'esempio, ti reindirizzerò al sito web ufficiale del W3C. Esegui il codice allegato in qualsiasi editor disponibile e analizza le sue prestazioni.
| 1 2 3 4 5 6 7 8 9 | Reindirizzamento HTML |
Reindirizzamento HTML
Ti parlerò un po' degli attributi dei tag.
significa che un nuovo file si aprirà nella finestra del browser corrente. L'elemento di contenuto è responsabile del tempo di reindirizzamento (in questo caso 3 secondi) e dell'indirizzo al quale verrà effettuata la transizione.
Tuttavia, questo approccio non sempre funziona.
Reindirizzamento in phpIn php, la posizione viene ancora utilizzata e si inserisce nell'intestazione, come nella versione precedente. Sembra questo:
header("Posizione: https://www.w3.org/");
Dopo aver elaborato la riga, il browser restituirà un codice di stato di reindirizzamento a tre cifre. Se gli attributi dell'intestazione non indicano il tipo di reindirizzamento, ad es. codice 201 o 3**, poi viene restituito automaticamente 302, che segnala uno spostamento temporaneo.
Vorrei sottolineare un dettaglio importante. Oggi tutti gli sviluppatori che si rispettino utilizzano il reindirizzamento 301 che permette di:
- Riassumere importanti indicatori dei servizi web, in conseguenza dei quali, anche quando si passa a un nuovo indirizzo, il sito non perde la sua posizione nei motori di ricerca;
- Incolla insieme i nomi di dominio con e senza il triplo “www”;
- Reindirizza robot e utenti a nuove pagine Web funzionanti anziché a quelle obsolete.
Ora ci siamo avvicinati senza intoppi all'importante, molto utile, ma anche complessa direttiva .htaccess. È un documento con configurazioni per Apache e server simili. Il suo effetto si applica solo alla directory in cui si trova. Le opzioni si applicano anche alle sottodirectory.
Diamo un'occhiata a come eseguire correttamente un reindirizzamento HTML da soli
Il capitolo contiene esempi di reindirizzamenti HTML ad altre pagine e siti.
Nel menu a sinistra troverai tutorial HTML moderni e molto dettagliati.
Ti permetteranno di creare il tuo sito web da zero, ma per ora guarda un po' più in basso.
Informazioni di base sul reindirizzamento HTML
Prima di procedere con il reindirizzamento HTML, ti suggerisco di familiarizzare con alcune informazioni.
Questo potrebbe essere interessante.
La tecnologia Word Wide Web e la sua importanza
La creazione di un sito web è un processo che richiede tempo e denaro. Il prezzo del servizio dipende dal fatto che il sito appartenga a una persona o rappresenti una persona di qualche struttura commerciale o politica. Indipendentemente dal fatto che il sito appartenga a una persona che scrive di fiori domestici o ad una struttura commerciale chiusa, ad esempio una banca, il processo di creazione del sito si basa sugli standard della tecnologia Word Wide Web. Il World Wide Web (abbreviato WWW) o World Wide Web è un sistema di documenti ipertestuali interconnessi. I documenti o le pagine sul World Wide Web contengono in genere testo, immagini, video e altri componenti multimediali e sono collegati tramite collegamenti ipertestuali.
Reindirizzamento HTML e sua sintassiL'utilizzo di un reindirizzamento a volte può tornare utile. Ognuno ha le proprie esigenze, ma ecco il suo codice:
|
|
Un reindirizzamento HTML è un meta tag corrispondente con alcuni parametri e valori.
Il meta tag con il reindirizzamento è scritto nella sezione.
Il parametro content="" con un valore pari a 1 specifica il reindirizzamento dopo 1 secondo, ecc.
Ho sentito che ai motori di ricerca non piacciono i reindirizzamenti con un valore pari a 0, ma non l'ho verificato personalmente.
Dopo URL=, inserisci l'indirizzo di reindirizzamento dalla pagina corrente.
Questi sono tutti i dettagli del reindirizzamento HTML, ma pensavi che fosse il romanzo di L. N. Tolstoy "Guerra e pace" :)
Ribadisco che questo progetto è un tutorial su come creare pagine Internet e siti web.
Qui troverai le informazioni più recenti su HTML, CSS, Wordpress e Joomla.
Tipi di reindirizzamenti
Esistono diversi tipi di reindirizzamenti, considera ciascuno di essi brevemente per determinare quale è il migliore per te.
Il reindirizzamento tramite htaccess è il metodo più popolare e abbastanza semplice. Per fare ciò, dovrai creare un file chiamato .htaccess nella cartella del sito (nota che il nome del file inizia con un punto, non è un errore di battitura). Se utilizzi CMS WordPress o Joomla, molto probabilmente hai già questo file, nel qual caso dovrai solo modificarlo.
Leggi di seguito per scoprire esattamente quali istruzioni devi includere per creare un reindirizzamento.
Il reindirizzamento tramite PHP è adatto se capisci PHP e conosci la struttura del tuo sito. Questa opzione è adatta a te se il tuo sito non è scritto su un CMS. Altrimenti è meglio utilizzare un reindirizzamento tramite htaccess.
Reindirizzamento HTML: se hai un semplice sito HTML e devi eseguire il reindirizzamento di una pagina, questa è l'opzione più semplice. Reindirizzare l'intero sito utilizzando questo metodo richiederà molto lavoro, soprattutto se hai più di 10 pagine sul tuo sito.
Reindirizzamento tramite JavaScript: questo metodo è adatto anche se hai un sito semplice o se devi effettuare un reindirizzamento per una o due pagine o per l'intero sito nel suo insieme.
Reindirizzamento utilizzando il file .htaccess
Le istruzioni che vedrai di seguito devono essere scritte nel file .htaccess all'inizio.
Reindirizzamento / http://new-site.ru/
In questo esempio, il reindirizzamento avverrà al sito new-site.ru
Reindirizza /page-1.html /page-2.html
In questo esempio, il reindirizzamento avverrà da pagina-1.html a pagina-2.html. Entrambe le pagine devono trovarsi sullo stesso dominio.
Questa opzione è adatta per sostituire le vecchie pagine del sito web con quelle nuove.
RewriteEngine acceso
RewriteCond %(HTTP_HOST) ^www.example\.ru
RiscriviRule ^(.*)$ http://example.ru/$1
In questo esempio, i visitatori verranno reindirizzati da http://www.example.ru a http://example.ru.
Reindirizzamento 301 /blog/page-1.html http://example.com/page-2.htm
In questo esempio, i visitatori verranno reindirizzati lontano dalla pagina blog/pagina-1.html SU esempio.com/page-2.htm.
Documentoerrore 404 /index.html
Scrivi questa riga nel file .htaccess, quindi tutti i visitatori che riscontrano un errore 404 verranno reindirizzati a indice.html.
RewriteEngine acceso
RiscritturaCond %(HTTPS) disattivato
RewriteRule (.*) https://%(HTTP_HOST)%(REQUEST_URI)
Scrivi questa riga nel file .htaccess, quindi tutti i visitatori che accedono al sito tramite HTTP verranno reindirizzati al protocollo sicuro HTTPS.
Se stai registrando un reindirizzamento per WordPress, fai attenzione che il file contenga già la riga RewriteEngine On. Pertanto, immediatamente sotto di esso è necessario aggiungere le seguenti righe
RiscriviCond %(SERVER_PORT) 80
RiscriviRule ^(.*)$ https://www.domain.com/$1
Reindirizzamento PHP
In PHP, un reindirizzamento viene eseguito in questo modo: il server invia intestazioni al browser del visitatore e questo va automaticamente all'indirizzo desiderato.
Vale la pena notare un punto importante: le intestazioni possono essere inviate solo prima che vengano visualizzate altre informazioni. Cioè, devono essere inviati prima che qualsiasi altra informazione venga emessa tramite eco e prima dell'invio dei cookie.
In questo esempio, il reindirizzamento avverrà al sito http://example.com
Qui il reindirizzamento avverrà su http://example.com/page.html
Qui, se un visitatore del sito va alla pagina blog/post-1.html, verrà reindirizzato su http://example.com/page.html
Reindirizzamento HTML
Per effettuare un reindirizzamento tramite HTML, è necessario aggiungere un meta tag speciale a ciascuna pagina in cui è previsto. Il meta tag è scritto all'interno del tag
.
Sui siti di grandi dimensioni questo metodo non è conveniente ed è consigliabile utilizzare un reindirizzamento tramite .
In questo esempio il reindirizzamento avverrà al sito https://site con un ritardo di 5 secondi. Se imposti il valore del ritardo su 0 anziché su 5, il visitatore verrà reindirizzato immediatamente a un altro sito.
Caricamento...
