Come reindirizzare a un URL relativo in JavaScript?

Reindirizzare un utente a diverse pagine Web in base alle proprie azioni è essenziale per imparare in JavaScript. Tuttavia, i nuovi principianti spesso confondono il reindirizzamento a un URL e reindirizzamento a un URL relativo. Tuttavia, il processo di reindirizzamento non è affatto diverso, ma il significato dei termini è abbastanza diverso.

Reindirizzamento a un URL normale significa inviare l'utente a un URL, non importa quale sia l'URL o dove viene posizionato. La direzione di un URL relativo significa reindirizzare l'utente in una pagina Web inserita nella stessa directory della pagina principale o della home page. Gli URL relativi possono anche essere utilizzati per reindirizzare ai file posizionati in altre directory, ma l'URL relativo conterrebbe solo il percorso e nessuna altra informazione come il dominio.

Questo articolo spiegherà due diversi metodi per reindirizzare gli utenti agli URL relativi, ma prima di ciò, imposterà rapidamente due diverse pagine Web utilizzando i passaggi seguenti:

Impostazione dei due documenti HTML

Crea un nuovo documento HTML chiamato casa e metti al suo interno le seguenti righe:

Questa è la prima pagina!
Cliccami!

Questo visualizzerà la seguente pagina Web sul browser:

Successivamente, crea un altro documento HTML nel Stessa directory (Questo è importante per renderlo un URL relativo) e nominarlo come SecondPage.html. Successivamente, digita le seguenti righe nella Second Page.html:

Questa è la seconda pagina



Sono nella stessa directory di casa.html

Esecuzione della Second Page.HTML nel browser Web fornisce il seguente risultato:

È eseguita la configurazione delle pagine Web. Passiamo ai due diversi metodi per il reindirizzamento dell'URL relativo.

Metodo 1: usando l'oggetto finestra per reindirizzare a un URL relativo

Nel file di script allegato alla casa.Pagina web HTML, crea la seguente funzione:

Funzione ButtonClicked ()
// le righe successive entrano in questo corpo

All'interno di questa funzione, usa il file finestra Oggetto per accedere alla sua proprietà di posizione e da tale accesso all'HREF e uguale al percorso della Second Page.html. Poiché è un URL relativo (entrambe le pagine Web sono nella stessa directory), impostare semplicemente l'HREF sul nome della seconda pagina Web, che è SecondPage.html. La funzione sembrerà così:

Funzione ButtonClicked ()
finestra.posizione.href = "SecondPage.html ";

Corri la casa.HTML su un browser Web e quindi osservare la seguente funzionalità:

Dall'output, è chiaro che la pressione del pulsante reindirizza l'utente alla SecondPage.HTML usando il suo URL relativo

Metodo 2: utilizzando l'oggetto documento per reindirizzare a un URL relativo

Inizia creando nuovamente la funzione creata nel metodo 1 con le seguenti righe:

Funzione ButtonClicked ()
// le righe successive entrano in questo corpo

In questa funzione, invece dell'oggetto finestra, questa volta utilizzando l'oggetto documento per accedere all'oggetto di posizione. E poi, dall'oggetto di posizione, accedere alla proprietà HREF e impostarla uguale al percorso relativo della Second Page.html. Dal SecondPage è nella stessa directory, il percorso relativo sarebbe solo il nome della seconda pagina web, che è la "SecondPage.HTML "

Funzione ButtonClicked ()
documento.posizione.href = "SecondPage.html ";

Corri la casa.HTML su un browser Web e quindi osservare la seguente funzionalità:

È chiaro che l'utente è stato reindirizzato al secondo utilizzando il parente della seconda pagina con l'aiuto di JavaScript.

Incartare

L'utente può essere reindirizzato a un'altra pagina Web con l'aiuto di un URL relativo utilizzando documento.posizione.Href proprietà o il finestra.posizione.Href Proprietà e impostazione del loro valore pari all'URL relativo della seconda pagina Web. In questo articolo, entrambi questi metodi sono stati dimostrati con l'aiuto di un esempio passo-passo.