首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >函数未在页面加载时使用`<body onload="myFunction">`运行

函数未在页面加载时使用`<body onload="myFunction">`运行
EN

Stack Overflow用户
提问于 2021-03-23 08:40:23
回答 3查看 67关注 0票数 0

我用的是NGINX。我想将当前时间显示为一种简单的练习方式。我在一个JavaScript变量中设置了它。到目前为止,我有一小段HTML代码。

代码语言:javascript
复制
<!DOCTYPE html>
<html>
  <head>
    <title>???</title>
    <style>
      body {
        width: 35em;
        margin: 0 auto;
        font-family: Tahoma, Verdana, Arial, sans-serif;
      }
    </style>
    <script type="text/javascript">
      function myFunction() {
        var d = new Date()
        var n = d.getTime()

        document.getElementById('current-time').innerHTML = n
      }
    </script>
  </head>
  <body onload="myFunction">
    <h1>???</h1>
    <p>This is the current time.</p>
    <p>
      <u>
        <i>
          Current Date and Time is
          <span id="current-time"></span>
        </i>
      </u>
    </p>
  </body>
</html>

我不明白为什么这不起作用,我在Stack Overflow中看了很多次,这就是他们说要做的。控制台中没有打印错误,页面上只显示“当前日期和时间是”,并且<span id="current-time">没有任何变化。

EN

回答 3

Stack Overflow用户

发布于 2021-03-23 08:47:44

这里:<body onload="myFunction">,您只是提供了函数引用,而没有执行。

您需要将其更新为:<body onload="myFunction()">

最后加上myFunction()括号,因此您的函数实际上将在onload事件上执行。

另外,从上面的代码片段看,似乎缺少</body></html>结束标记。

票数 1
EN

Stack Overflow用户

发布于 2021-03-23 08:52:44

使

票数 1
EN

Stack Overflow用户

发布于 2021-03-23 08:51:49

代码语言:javascript
复制
let d = new Date();
  
let n = d.toLocaleString();

将正确格式化,并更新中的括号:

代码语言:javascript
复制
<body onload="myFunction()">
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66755706

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档