Javascript onclick事件don';不能在网页上工作

Javascript onclick事件don';不能在网页上工作,javascript,css,html,user-interface,Javascript,Css,Html,User Interface,我想创建一个模态框。当用户单击按钮时,它应该出现;当用户单击模式框中的关闭按钮时,它应该关闭。 我做了两个功能: check():它可以更改css。在elememt onclick之后,出现模态框 close():此函数应关闭模式框,但它不关闭。它只需设置以前的css设置。当我单击关闭按钮(span元素)时,此函数根本不执行 为什么关闭功能不起作用,我应该对什么进行现代化以获得结果 (提前感谢) 函数检查(){ var modal=document.getElementById(“myMo

我想创建一个模态框。当用户单击按钮时,它应该出现;当用户单击模式框中的关闭按钮时,它应该关闭。 我做了两个功能:

  • check():它可以更改css。在elememt onclick之后,出现模态框
  • close():此函数应关闭模式框,但它不关闭。它只需设置以前的css设置。当我单击关闭按钮(span元素)时,此函数根本不执行
为什么关闭功能不起作用,我应该对什么进行现代化以获得结果

(提前感谢)

函数检查(){
var modal=document.getElementById(“myModal”);
modal.style.display=“块”;
}
//这个函数不起作用
函数关闭(){
var modal=document.getElementById(“myModal”);
modal.style.display=“无”;
}
.modal{
显示:无;
位置:固定;
z指数:1;
填充顶部:100px;
左:0;
排名:0;
宽度:100%;
身高:100%;
溢出:自动;
背景色:rgb(0,0,0);
背景色:rgba(0,0,0,0.4);
}
.模态内容{
背景色:#fefe;
保证金:自动;
填充:20px;
边框:1px实心#888;
宽度:80%;
}

登录
&时代;
模态中的某些文本


close
已经是本机浏览器函数的名称,
window.close()
。重命名您的函数,即可正常工作:

函数检查(){
var modal=document.getElementById(“myModal”);
modal.style.display=“块”;
}
函数closeModal(){
var modal=document.getElementById(“myModal”);
modal.style.display=“无”;
}
.modal{
显示:无;
位置:固定;
z指数:1;
填充顶部:100px;
左:0;
排名:0;
宽度:100%;
身高:100%;
溢出:自动;
背景色:rgb(0,0,0);
背景色:rgba(0,0,0,0.4);
}
.模态内容{
背景色:#fefe;
保证金:自动;
填充:20px;
边框:1px实心#888;
宽度:80%;
}

登录
&时代;
模态中的某些文本


close
已经是本机浏览器函数的名称,
window.close()
。重命名您的函数,即可正常工作:

函数检查(){
var modal=document.getElementById(“myModal”);
modal.style.display=“块”;
}
函数closeModal(){
var modal=document.getElementById(“myModal”);
modal.style.display=“无”;
}
.modal{
显示:无;
位置:固定;
z指数:1;
填充顶部:100px;
左:0;
排名:0;
宽度:100%;
身高:100%;
溢出:自动;
背景色:rgb(0,0,0);
背景色:rgba(0,0,0,0.4);
}
.模态内容{
背景色:#fefe;
保证金:自动;
填充:20px;
边框:1px实心#888;
宽度:80%;
}

登录
&时代;
模态中的某些文本