Javascript 为什么我的提交按钮在第一次运行所需脚本之前需要单击两次？
我是java脚本的新手，我使用此脚本在访问者提交电子邮件时弹出此自定义消息。但是，由于某些原因，“显示：阻止”仅在用户第二次单击“提交”后发生，而不是在第一次单击后发生。但是，此后每次（除非重新加载页面），该函数只需单击一次即可工作。我能够使它按预期运行的唯一方法是将onLoad=“eSubmit”添加到hte body标记（基本上代替第一次单击），但我不想这样做。我拥有的所有适用代码如下。。。谢谢你的帮助Javascript 为什么我的提交按钮在第一次运行所需脚本之前需要单击两次？,javascript,email,onclick,Javascript,Email,Onclick,我是java脚本的新手，我使用此脚本在访问者提交电子邮件时弹出此自定义消息。但是，由于某些原因，“显示：阻止”仅在用户第二次单击“提交”后发生，而不是在第一次单击后发生。但是，此后每次（除非重新加载页面），该函数只需单击一次即可工作。我能够使它按预期运行的唯一方法是将onLoad=“eSubmit”添加到hte body标记（基本上代替第一次单击），但我不想这样做。我拥有的所有适用代码如下。。。谢谢你的帮助 <head> <style type="text/css"> .
<head>
<style type="text/css">
.alertbox{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.6);
z-index:100;
display:none;
}
</style>
<script type="text/javascript">
function eSubmit() {
var msgBox = document.getElementById("msgSend");
var responseTxt = document.getElementById("thanks");
if(msgBox.style.display == 'block' || msgBox.style.display ==''){
msgBox.style.display = 'none';}
else{
msgBox.style.display = 'block';}
if(responseTxt.innerHTML == 'Returning to page...'){
responseTxt.innerHTML = 'Thank you for submitting your e-mail.';}
}
function txtChange(){
var E = setTimeout("eSubmit()",1000);
var responseTxt = document.getElementById("thanks");
if(responseTxt.innerHTML == 'Thank you for submitting your e-mail.'){
responseTxt.innerHTML = "Returning to page...";
E;}
}
</script>
</head>
<body>
<input type="button" value="Send" onclick="eSubmit()">
<div id="msgSend" class="alertbox">
<div onClick="txtChange()">
<p id="thanks">Thank you for submitting your e-mail.</P>
</div>
</div>
</body>
.警报箱{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景色：rgba（0,0,0,6）；
z指数：100；
显示：无；
}
函数eSubmit（）{
var msgBox=document.getElementById（“msgSend”）；
var responseText=document.getElementById（“谢谢”）；
if（msgBox.style.display='block'| | msgBox.style.display==''）{
msgBox.style.display='none'；}
否则{
msgBox.style.display='block'；}
如果（responseText.innerHTML==“返回页面…”）{
responseText.innerHTML='感谢您提交电子邮件。；}
}
函数txtChange（）{
var E=setTimeout（“eSubmit（）”，1000）；
var responseText=document.getElementById（“谢谢”）；
if（responseText.innerHTML==“感谢您提交电子邮件”。）{
responseText.innerHTML=“返回页面…”；
E、 }
}
感谢您提交电子邮件。
if(msgBox.style.display == 'block' || msgBox.style.display ==''){
msgBox.style.display = 'none';}
解决方案：更改if-else逻辑或将CSS-display属性初始化为符合您需要的样式属性显然，您的想法是正确的。当我切换if/else逻辑时，它现在可以完美地工作。然而，我不明白为什么？这是切换部分的新代码：if（msgBox.style.display='none'）{msgBox.style.display='block'；}else{msgBox.style.display='none'；}出于某种原因，它是这样工作的，但不是这样？编辑了我的帖子。您能否使用旧的解决方案发布所述的
警报**display:none**