JavaScript

最新推荐文章于 2023-05-09 19:08:55 发布

原创最新推荐文章于 2023-05-09 19:08:55 发布 · 188 阅读

0 ·

CC 4.0 BY-SA版权

java 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了三种实用的JavaScript应用技巧：1.在网页中显示当前时间；2.验证输入的字符串是否为汉字；3.实现实时更新的系统时间显示。这些技巧能够帮助开发者提升网页的互动性和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在Web页面中使用JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
</head>
<body>
<script>
    var now=new Date();//获取Date对象的一个实例
    var hour=now.getHours();//获取小时数
    var minu=now.getMinutes();//获取分钟数
    alert("您好！现在是"+hour+":"+minu+"\r欢迎访问该网站!");//弹出提示对话框
</script>
</body>
</html>

在这里插入图片描述
2.JavaScript函数，用于验证输入的字符串是否为汉字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
</head>
<body>
<form name="form1" method="post" action="">
    请输入真实姓名:<input name="realName" type="text" id="realName" size="40">
    <br><br>
    <input name="Button" type="button" class="btn_grey" value="检测" onclick="checkRealName()">
</form>
</body>
<script type="text/javascript">
   function checkRealName() {
       var str=form1.realName.value;//获取输入的真实姓名
       if(str=="")
       {
           alert("请输入真实姓名！");
           form1.realName.focus();
           return;
       }else
       {
           var objExp=/[\u4E00-\u9FA5]{2,}/;//创建RegExp对象
           if(objExp.test(str)==true)
           {
               alert("您输入的真实姓名正确!");
           }else
           {
               alert("您输入的真实姓名不正确!");
           }
       }

   }
</script>
</html>

在这里插入图片描述

3.实时显示系统时间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
    <script type="text/javascript">
    function realSysTime(clock) {
      var now=new Date();//创建Date对象
      var year=now.getFullYear();//获取年份
      var month=now.getMonth();//获取月份
      var date=now.getDate();//获取日期
      var day=now.getDay();//获取星期
      var hour=now.getHours();//获取小时
      var minu=now.getMinutes();//获取分
      var sec=now.getSeconds();//获取秒
      month=month+1;
      var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
      var week=arr_week[day];//获取中文的星期
      var time=year+"年"+month+"月"+date+"日"+week+""+hour+":"+minu+":"+sec;//组合系统时间
      clock.innerHTML="当前时间:"+time;//显示系统时间

    }
  window.onload=function()
  {
      window.setInterval("realSysTime(clock)",1000);
  }
</script>
</head>
<body>
<div id="clock">
</div>
</body>
</html>

在这里插入图片描述