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