4月8日 JavaWeb 周日

最新推荐文章于 2024-08-06 16:14:32 发布

原创最新推荐文章于 2024-08-06 16:14:32 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

2018 专栏收录该内容

337 篇文章

订阅专栏

本文通过一个简单的HTML页面展示了如何使用JavaScript来动态显示当前日期。页面中包含一个按钮，点击后将更新显示区域的内容为当前的日期和时间。此示例适用于初学者了解JavaScript的基本用法。

效果
第一个JavaScript代码
代码

<!DOCTYPE html>
<html>
  <head>
    <title>show.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
        function displayDate(){
            document.getElementById("demo").innerHTML=Date();
        }
    </script>
  </head>

  <body>
    <center>
        <h1>JavaScript程序</h1>
        <p id="demo">这是一个段落</p>
        <button type="button" onclick="displayDate()">显示日期</button>
    </center>
  </body>
</html>