单击按钮调用javascript函数时不会发生任何事情

单击按钮调用javascript函数时不会发生任何事情,javascript,function,onclick,Javascript,Function,Onclick,下面的代码应该显示一个确认框。如果用户单击ok按钮,则应显示当前时间。但由于某种原因,当我点击按钮测试时,什么也没发生。我需要一双新的眼睛来告诉我我遗漏了什么,以及为什么这个代码不起作用。感谢您的帮助: <script> function confirmationDemo() { var ok = confirm("Click OK to show the time, \n or click Cancel to close this window \n wi

下面的代码应该显示一个确认框。如果用户单击ok按钮,则应显示当前时间。但由于某种原因,当我点击按钮测试时,什么也没发生。我需要一双新的眼睛来告诉我我遗漏了什么,以及为什么这个代码不起作用。感谢您的帮助:

<script>
function confirmationDemo() {
    var ok = confirm("Click OK to show the time, \n or click Cancel to close this window \n         
without doing anything.");
    var now = new Date();
    var hour;
    var minute;
    if (now.getHours() < 12) {
        hour = now.getHours();
    } else {
        hour = now.getHours() - 12;
    }
    if (now.getMinutes() < 10) {
        minute = "0" + now.getMinutes();
    } else {
        minute = now.getMinutes();
    }
    if (ok == true && now.getHours() < 12) {
        document.getElementById("confirmationDemoReturn").innerHTML = "The time is: " + hour +
            ":" + minute + " am.";
    } else {
        document.getElementById("confirmationDemoReturn").innerHTML = "The time is: " + hour +
            ":" + minute + " pm.";
    }
}
</script>

Try it: &nbsp; <input type="button" value = "Confirmation Box" onClick =   
"confirmationDemo();">
<p id="confirmationDemoReturn"></p>

函数确认演示(){
var ok=confirm(“单击ok显示时间,\n或单击Cancel关闭此窗口\n
什么也不做。”);
var now=新日期();
var小时;
var分钟;
if(now.getHours()<12){
hour=now.getHours();
}否则{
hour=now.getHours()-12;
}
if(now.getMinutes()<10){
minute=“0”+now.getMinutes();
}否则{
分钟=现在。getMinutes();
}
if(ok==true&&now.getHours()<12){
document.getElementById(“confirmationDemoReturn”).innerHTML=“时间为:”+小时+
“:“+分钟+”上午。”;
}否则{
document.getElementById(“confirmationDemoReturn”).innerHTML=“时间为:”+小时+
“:“+分钟+”下午。”;
}
}
试试看:


问题似乎太简单,确认书中的文本没有正确连接。因此它不起作用

 var ok = confirm("Click OK to show the time, \n or click Cancel to close this window \n   
//--- an enter key is pressed     
without doing anything.");

我在

中进行了测试,首先,您不应该在HTML中设置事件,而应该在JS中设置事件。HTML是为了结构,而不是为了交互。但是,如果要使用此方法,必须在文档标题中添加以下元标记:

<meta http-equiv="Content-Script-Type" content="text/javascript">
当然,在为输入设置id之后:

<p id="confirmationDemoReturn"></p>


检查此小提琴:

检查开发人员控制台。
不执行任何操作
必须与确认文本的其余部分位于同一行。除此断线问题外,一切正常。即使有断线问题,此代码在JSFIDLE中也不起作用。此问题已修复。谢谢你的帮助。@user3128313我很高兴能帮助你。
<p id="confirmationDemoReturn"></p>