¿Cómo pasar una variable en formato de cadena de consulta a la URL para regresar cuando se presiona el botón Atrás del navegador? Lo estoy implementando como un archivo ejs usando javascript.

Si pasa de la página A a la página B y regresa a la página anterior usando el botón que regresa a la página A desde la página B,

 onclick='location.href=" A url/3" '

se usa para pasar una variable para implementar la función que quiero.

Sin embargo, quiero cambiar location.href en el mismo formato para tener la misma función cuando se presiona el botón Atrás del navegador en lugar del botón que hice yo mismo.

 window.onpageshow = function(event) { if ( event.persisted || (window.Performance && window.PerformanceNavigation.type == 2)) { } else { } }

Intenté usar el código anterior, pero cuando este código se aplicó en la etiqueta de secuencia de comandos de la página A.ejs, se ejecutó al acceder a la página A. Quiero escribir el código anterior en la página B.

Tengo mucha curiosidad acerca de cómo detectar el evento de clic del botón Atrás del navegador de la página B en la etiqueta del script de la página B.ejs y pasar el valor modificando location.href.

Estoy pensando mucho en esto. Necesito ayuda.

+) Estructura html del archivo A.ejs.

 <div class = 'tab' id = 'tab-1'> <!-- View tab-1 --> </div> <div class = 'no tab' id = 'tab-2'> <!-- tab-2 view --> </div> <div class = 'no tab' id = 'tab-3'> <!-- Tab-3 View--> </div> <div class = 'no tab' id = 'tab-4'> <!-- View tab-4 --> </div>

+) la clase 'pestaña' define el tamaño de la pestaña y la clase 'ninguna' hace que la pestaña sea invisible. Al ingresar a la página A por primera vez, la pestaña 1 se muestra de manera predeterminada. La clase de tabulador-1 es solo 'tabulador', no 'sin tabulador'.

La razón por la que desea volver a pasar la variable 3 a la página A es porque me moví de la pestaña 3 a la página B. Es decir, dado que queremos enviar la variable 3 desde la página B y volver a la página A y obtener la variable 3, por lo tanto, solo la etiqueta div correspondiente a tab-3 se crea con class = 'tab'.

+) El siguiente código muestra solo ciertas pestañas. Este código ya está implementado en mi área local.

 let tabs = document.getElementsByClassName('tab'); Let cur_no = <%= curNo %>; //<%= curNo %> is the variable sent by page B. (here 3) if(!cur_no) cur_no = 0; //default for(let i=0;i<tabs.length;i++) { tab[i].classList.add('none'); // Handle tabs 1 ~ 4 invisible } tab[cur_no].classList.remove('none'); // Display only tab number 'cur_no'