Vari metodi per togliere, cambiare, ridefinire i valori chiamati Hash dell’url della finestra del Browser. Questi valori sono anche valori di ancore richiamate nel url.

In questo breve esempio possiamo vedere che al clic di un determinato elemento (.button) andiamo a cancellare il testo del ancora dopo #.

Esempi di modifica

CANCELLA tutto quello che si presenta dopo # (compreso #) e mettilo nella variabile Newhref

Newhref = String( document.location.href ).replace(/#.*$/,'');

Sostituisci URL della finestra windows con un nuovo url. Possiamo anche sostituirlo con il nostro url precedentemente modificato senza i valori # .
Si fa notare però che spesso che window.location.href non mostra url nella barra della finestra, questo codice è utile per manovrare con u submit dei form.

window.location.href.replace('https://miositoalternativo.com');  

window.location.href.replace(Newhref);

Cancellare o sostituire solo # finale (chiamato Hash). Questa azione, se messa ad esempio in un codice che si attiva al click del pulsante, mostra subito il nuovo hash nella pagina del browser

window.location.hash = ""; 

window.location.hash = "ancora2";

jQuery(document).ready(function($){
    jQuery('.button').click(function () {
		Newhref = String( document.location.href ).replace(/#.*$/,'');
		window.location.replace( Newhref); 
		
		//console.log('clic bottone');
		//console.log('url prima '+ String( document.location.href ));
		//console.log('url dopo '+  Newhref   );
    });
});

jQuery(document).ready(function($){
    jQuery('.button').click(function () {
		Newhref = String( document.location.href ).replace(/#.*$/,'');
		window.location.replace( Newhref); 
		
		//console.log('clic bottone');
		//console.log('url prima '+ String( document.location.href ));
		//console.log('url dopo '+  Newhref   );
    });
});

clic bottone
url prima https://miosito.com/pagina di esempio/#ancora
url dopo https://miosito.com/pagina di esempio/

Altre varianti di codice:

Si può cancellare il valore #item1 della strica “example.com/hello#item1” con questo comando: newStr = str.substring(0, (str.length - str.indexOf("#")));
Per replicare url si può anche usare window.location = Newhref; o anche location.href.replace(location.hash,"")

Se si vuole caricare la pagina del nuovo URL

basta usare il comando submit(); o anche cocatenarlo window.location.replace( Newhref).submit();

Quando OffCanvas di Avada non chiude lo slider al click del pulsante

Se mettiamo in un OffCanvas del tema Avada una barra di ricerca, ci aspetteremmo che al click sul pulsante di ricerca la pagina ricarichi con la nuova ricerca “richiudendo offcanvas di avada. Questo non è facilmente gestibile, ma se utilizziamo questo codice, il processo viene facile e pulito. Si decide di mettere un valore al hash perchè lasciando un campo vuoto verrebbe fuori %20, invece così non ci sono attivazioni e il codice rimane comunque comprensibile e adeguato.

jQuery(document).ready(function($){
    jQuery('.button').click(function () {
		window.location.hash = 'filtrato'; 
    });
});

jQuery(document).ready(function($){
    jQuery('.button').click(function () {
		window.location.hash = 'filtrato'; 
    });
});