Javascript “如何调整”；“关闭模式”；通过单击外部模式一次只关闭一个模式？

我有一个页面，其中包含两个模态，显示加载。情态动词相互堆叠。我希望顶部的模态在单击模态外部时关闭，但我希望第二个模态仍然打开，直到再次单击外部

这是我的javascript：

var btn = document.querySelectorAll(".modal_button");

var modals = document.querySelectorAll('.modal');

var modal_explanation = document.getElementById("myModal1");
var modal_about = document.getElementById("myModal2");

var modal_about2 = document.getElementById("myModal2_1");

// When the user clicks the button, open the modal
for (var i = 0; i < btn.length; i++) {
 btn[i].onclick = function(e) {
    e.preventDefault();
    modal = document.querySelector(e.target.getAttribute("href"));
    modal.style.display = "block";
 }
}
window.onclick = function(event) {
    if (event.target.classList.contains('modal')) {
     for (var index in modals) {
      if (typeof modals[index].style !== 'undefined') modals[index].style.display = "none";
     }
    }
}

var btn=document.queryselectoral（“.modal_按钮”）；
var modals=document.querySelectorAll（'.modal'）；
var modal_explainion=document.getElementById（“myModal1”）；
var modal_uabout=document.getElementById（“myModal2”）；
var modal_about2=document.getElementById（“myModal2_1”）；
//当用户单击该按钮时，打开模式对话框
对于（变量i=0；i

我知道这是代码中需要修改的最后一部分，但是如何修改呢？谢谢你的帮助