Javascript 等待重定向成功

我有一个html页面，如果满足给定条件，它会重定向或停留在页面上。但是在这个例子中，页面加载，然后重定向到下一个页面，这对于用户来说非常烦人，所以我想知道javascript中是否有方法确保在向用户显示任何内容之前重定向（如果满足条件）成功？我感谢您事先提供的所有帮助，并感谢您抽出一些时间来帮助我。

默认情况下通过css隐藏所有元素，然后在逻辑使您停留在页面上时显示它们

将显示的所有内容包装在父级中：默认为无

<div id='wrapper' style='display:none'>

</div>


if(doNotRedirect === true){
    document.getElementById('wrapper').style.display = 'block';
}

if（doNotRedirect==true）{
document.getElementById（'wrapper'）.style.display='block'；
}

如果加载其他页面，则旧页面无法运行JS。如果满足的条件是javascript变量是否为true或false，我将如何控制css？再次感谢你的帮助！我添加了一个样本。谢谢。另外，在本例中如何添加淡入，因为一次加载所有内容相当突然。谢谢你的帮助！如果可以添加Jquery，就可以很容易地做到这一点。它有一个fadeIn方法，让您执行类似$（“#wrapper”）.fadeIn（）的操作；