下面html程序中有什么错误?怎样修改?

<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>

计算机非常机械,模糊处理的地方很少,需要注意细节。

可以试运行一下。

相关推荐
一起养小猫10 小时前
Flutter for OpenHarmony 实战:打造功能完整的记账助手应用
android·前端·flutter·游戏·harmonyos
hbstream海之滨视频网络技术10 小时前
Google正式上线Gemini In Chrome,国内环境怎样开启。
前端·chrome
Lisson 310 小时前
VF01修改实际开票数量增强
java·服务器·前端·abap
GISer_Jing10 小时前
原生HTML项目重构:Vue/React双框架实战
vue.js·人工智能·arcgis·重构·html
微祎_10 小时前
Flutter for OpenHarmony:构建一个 Flutter 旋转迷宫游戏,深入解析网格建模、路径连通性检测与交互式解谜设计
javascript·flutter·游戏
红色的小鳄鱼10 小时前
Vue 教程 自定义指令 + 生命周期全解析
开发语言·前端·javascript·vue.js·前端框架·html
coloma201210 小时前
COCOS代码动态增加刚体和碰撞体的方法
前端·uv
●VON10 小时前
React Native for OpenHarmony:解构 TouchableOpacity 的触摸反馈与事件流控制
javascript·学习·react native·react.js·性能优化·openharmony
有诺千金11 小时前
VUE3入门很简单(5)---组件通信(自定义事件)
javascript·vue.js·ecmascript
想逃离铁厂的老铁11 小时前
Day60 >> 94、城市间货物运输1️⃣ + 95、城市间货物运输 2️⃣ + 96、城市间货物运输 3️⃣
java·服务器·前端