<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function getTime(){
var date=new Date();
console log
var time = date.toLocaleDateString();
var span = document.getElementById("span_1");
span.innerHTML=time;
}
window.setInterval("gettime()",1000);
</script>
</head>
<body οnlοad='getTime()'>
<script>
window.alert("这里是一个警告弹窗示范:111")
window.confirm("这里是一个确认弹出框:")
window.prompt("这里是一个可以确认信息的弹出窗口:是不是?")
</script>
现在的时间是:<span id='span_1'> </span>
</body>
</html>
经过多次试验对比,发现存在以下错误:
1.console log 语法错误:在 JavaScript 中,console.log 是一个函数,用于在控制台输出信息。代码里 console log 缺少了点号 .,正确的写法是 console.log。
2.window.setInterval 函数调用错误:在 window.setInterval 中,传入的函数名应该是大小写敏感的,原代码中写成了 "gettime()",而定义的函数名是 getTime,需要保持大小写一致。
3.window.setInterval 传入字符串作为函数调用:在 window.setInterval 中传入字符串作为函数调用会有安全风险,并且在严格模式下可能会有问题,建议直接传入函数引用。
正确的代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function getTime() {
var date = new Date();
// 修正 console log 为 console.log
console.log(date);
var time = date.toLocaleDateString();
var span = document.getElementById("span_1");
span.innerHTML = time;
}
// 修正函数名大小写,并直接传入函数引用
window.setInterval(getTime, 1000);
</script>
</head>
<body onload='getTime()'>
<script>
window.alert("这里是一个警告弹窗示范:111");
window.confirm("这里是一个确认弹出框:");
window.prompt("这里是一个可以确认信息的弹出窗口:是不是?");
</script>
现在的时间是:<span id='span_1'> </span>
</body>
</html>
计算机非常机械,模糊处理的地方很少,需要注意细节。
可以试运行一下。