Javascript覆盖函数

我正在尝试做覆盖功能

函数切换覆盖（）{
var overlay=document.getElementById（'overlay'）；
var specialBox=document.getElementById（'specialBox'）；
overlay.style.opacity=.8；
if（overlay.style.display==“块”）{
overlay.style.display=“无”；
specialBox.style.display=“无”；
}否则{
overlay.style.display=“块”；
specialBox.style.display=“块”；
}
}

div#覆盖{
显示：无；
z指数：2；
背景：#000；
位置：固定；
宽度：100%；
身高：100%；
顶部：0px；
左：0px；
文本对齐：居中；
}
分区#专用箱{
显示：无；
位置：相对位置；
z指数：3；
保证金：150px自动0px自动；
宽度：500px；
高度：300px；
背景：#FFF；
颜色：#000；
}
div#wrapper{
位置：绝对位置；
顶部：0px；
左：0px；
左侧填充：24px；
}

特殊盒子内容…

紧密覆盖
应用覆盖

在函数之后将其添加到javascript中

window.onload = function(){ 
  toggleOverlay()
}

---

这将在加载页面时调用函数

在函数之后将其添加到javascript中

window.onload = function(){ 
  toggleOverlay()
}

---

这将在加载页面时调用函数

备用选项可以使用

自调用函数

var publicObj = {}; 
(
  publicObj.toggle = function togglefunction() {
    var overlay = document.getElementById('overlay');
    var specialBox = document.getElementById('specialBox');
    overlay.style.opacity = .8;
    if (overlay.style.display == "block") {
      overlay.style.display = "none";
      specialBox.style.display = "none";
    } else {
      overlay.style.display = "block";
      specialBox.style.display = "block";
    }
  })(publicObj);

function toggleOverlay(){
  publicObj.toggle();
}

---

备用选项可以使用

自调用功能

var publicObj = {}; 
(
  publicObj.toggle = function togglefunction() {
    var overlay = document.getElementById('overlay');
    var specialBox = document.getElementById('specialBox');
    overlay.style.opacity = .8;
    if (overlay.style.display == "block") {
      overlay.style.display = "none";
      specialBox.style.display = "none";
    } else {
      overlay.style.display = "block";
      specialBox.style.display = "block";
    }
  })(publicObj);

function toggleOverlay(){
  publicObj.toggle();
}

---

在需要时调用该函数…首先需要将脚本块移动到body标记之后。i、 呈现html后，需要调用javascript代码。然后简单地调用你的函数。在你需要的时候调用函数…首先你需要在body标记之后移动你的脚本块。i、 呈现html后，需要调用javascript代码。然后简单地调用你的函数。