¿Hay alguna forma de volver a la pestaña deseada al volver a una página que muestra 4 pestañas usando el efecto css del selector de clase dentro de una página con una sola URL?

El archivo 'admin_item_detail.ejs' actualmente está dividido en 4 elementos div. El nombre de clase de cada elemento div es 'tab none' y el nombre de identificación es tab-1, tab-2, tab-3 y tab-4. respectivamente. Entre ellos, el primer elemento div no tiene clase 'ninguno', lo que significa que, como sugiere el nombre, solo se muestra el primer elemento div de forma predeterminada. Cada pestaña ya tiene un botón para activarla, y si presionas el botón, solo se muestra la pestaña correspondiente.

Lo que tengo curiosidad es cuando el tercer elemento div está activo, cuando hago una acción de clic adicional para ir a la siguiente ventana ('admin_payment_detail.ejs') y luego presiono el botón Atrás en esa situación, el primer elemento div predeterminado está mostrando. Pero quiero mostrar el tercer elemento div, que es la pestaña que se muestra justo antes.

Si implemento un botón que regresa a la pestaña 3, la variable 3 se envía al archivo 'admin_item_detail.ejs' y se procesa al recibirla como una variable llamada 'curNo'.

Si hago clic en el botón Atrás del navegador sin hacer clic en el botón que hice yo mismo, no sé cómo se pasa el valor de 3, así que termino mostrando el primer elemento div.

 // this is the html code of admin_item_detail.ejs <div class="tab" id="tab-1"> blah blah1 </div> <div class="tab none" id="tab-2"> blah blah2 </div> <div class="tab none" id="tab-3"> blah blah3 </div> <div class="tab none" id="tab-4"> blah blah4 </div> //this is the js code of admin_item_detail.ejs let tabs = document.getElementsByClassName('tab'); let cur_no = <%= curNo %>; //curNo is the variable that receive from server(backend) if(!cur_no) cur_no = 0; for(let i=0;i<tabs.length;i++){ tabs[i].classList.add('none'); } tabs[cur_no].classList.remove('none');

 //And this is the admin_payment_detail.ejs file , 3 is the variable that i want to send to the admin_item_detail.ejs file. (Server-side source code is omitted.) <div class = "btn-create-vote"> <button style = "margin-right : 10%;" class = "btn-fill-accent" type = "button" onclick='location.href="/admin/manage/contents/detail/3"'> Back! </button> </div>

Como puede ver arriba, funciona correctamente cuando se presiona el botón, pero me preguntaba si hay una manera de hacer que funcione incluso cuando se presiona el botón Atrás del navegador sin presionar el botón.