JavaScript

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>

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章