Función para ajustar alto de elementos a la altura del navegador

<script>

document.addEventListener("DOMContentLoaded", function() {

// Define una lista de selecciones, ya sea clases o IDs

const elementos = ['#z_iframe','#div_hidden_bloco_0'];

function ajustarAlturaElementos(selecciones) {

// Obtén la altura actual del navegador

const alturaNavegador = window.innerHeight;

// Itera a través de las selecciones y ajusta la altura de los elementos correspondientes

selecciones.forEach(function(seleccion) {

const elementosSeleccionados = document.querySelectorAll(seleccion);

elementosSeleccionados.forEach(function(elemento) {

//defina un ajuste adicional a la altura por cada elemento si es necesario

let ajuste = 0;

if(seleccion =='#z_iframe'){ ajuste = 100;}

if(seleccion =='#div_hidden_bloco_0'){ ajuste = 20;}

const nuevaAltura = alturaNavegador - ajuste;

elemento.style.height = nuevaAltura + 'px';

});

});

}

// Ejecuta la función inicialmente con la lista de selecciones

ajustarAlturaElementos(elementos);

// Configura un temporizador para ejecutar la función cada 1 segundo (puedes ajustar el intervalo)

setInterval(function() {

ajustarAlturaElementos(elementos);

}, 1000);

});

</script>