Se l'utente è venuto dalla pagina precedente sul posto allora questo, altrimenti fare questo

Question

Quale potrebbe essere un valido modo per realizzare i seguenti:

Un sito web ha due pagine; Pagina padre e pagina interna. Se l'utente è arrivato direttamente alla pagina Inside digitando l'indirizzo o seguendo un link da una pagina diversa dalla pagina padre, quindi mostrare "foo". Se l'utente è arrivato alla pagina interna dalla pagina padre, quindi mostra "barra".

Avrei bisogno di farlo in JS se possibile. In caso contrario, PHP è una scelta secondaria.

Answer 1

Si prega di provare questo

Questo codice nella seconda pagina

jQuery(window).load(function() { 
    if (sessionStorage.getItem('dontLoad') == null) { 
    //show bar 
    } 
    else{ 
    //show foo 
    } 
}); 

Questo codice nella pagina padre

jQuery(window).load(function() { 
    sessionStorage.setItem('dontLoad','true') 
}); 

Answer 2

with php:

C'è un modo semplice è quello di creare una pagina mediatore che reindirizza alla pagina interna dopo aver effettuato una sessione/cookie .. quindi se si otterrà la sessione/cookie, si mostra pippo & sessione non impostata.

se qualcuno direttamente provengono da url, nessuna sessione/biscotto trovato & esso esposizione bar ..

Answer 3

è possibile ottenere la pagina che l'utente è venuto da con document.referrer.

Così si potrebbe implementare la soluzione in questo modo:

if (document.referrer === 'yoursite.com/parentpage') { 
    // do bar 
} else { 
    // do foo 
} 

Answer 4

È possibile utilizzare il document.referrer ma questo non è sempre impostato. Si potrebbe aggiungere un parametro per l'URL della pagina principale e quindi controllare per la sua esistenza nella pagina figlio

link sulla pagina principale:

<a href='myChildPage.html?fromParent=1'>My Child Page</a> 

codice JS sulla tua pagina figlio:

var fromParent=false; 
var Qs = location.search.substring(1); 
var pairs = Qs.split("&"); 
for(var i = 0; i < pairs.length; i++){ 
    var pos = pairs[i].indexOf('='); 
    if(pos!==-1){ 
     var paramName = pairs[i].substring(0,pos); 
     if(paramName==='fromParent'){ 
      fromParent=true; 
      break; 
     } 
    } 
} 

if(fromParent){ 
    alert("From Parent"); 
}else{ 
    alert("NOT From Parent"); 
} 

Questo metodo non è sicuro al 100% in quanto gli utenti possono digitare lo stesso URL del collegamento della pagina principale. Per una maggiore precisione, controlla prima document.referrer e se non impostato usa il metodo che ho delineato sopra