zoukankan      html  css  js  c++  java
  • JavaScript基础-4

         Array对象

               在javascript中的数组对象与C#语言中的数组对象是非常相似的。不同于之处在于Javascript中数组中的对象是不同类型的。

        数组的每一个成员对象都有一个下标,用来表示它在数组中的位置,从零开始。

    •     数组定义方法:
       1: var  <数组名>=new Array();
    •     多维数组的定义:
       1: var myArray=new Array(
       2:  
       3:   new Array(),new Array());
    •     Demo:
       1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
       2: <html>
       3:     <head>
       4:         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       5:         <title>Untitled Document</title>
       6:         <script type="text/javascript">
       7:             var exts = new Array("jpg", "gif", "bmp");
       8:             
       9:             function TestString(){
      10:             
      11:                 var txtStringValue = document.getElementById("txtStringDemo").value;
      12:                 
      13:                 alert("txtStringDemo中的值是" + txtStringValue);
      14:                 
      15:                 var filenameExt = txtStringValue.substring(txtStringValue.lastIndexOf(".") + 1);
      16:                 
      17:                 alert("FileName extense:" + filenameExt);
      18:                 for (i = 0; i < exts.length; i++) {
      19:                     //比较之前先转化成为小写的字母
      20:                     if (filenameExt.toLowerCase() != exts[i]) {
      21:                         alert("对不起只支持图像格式上传");
      22:                     }
      23:                     else {
      24:                         alert("上传成功!");
      25:                     }
      26:                     
      27:                 }
      28:                 
      29:                 
      30:             }
      31:             
      32:             function ChangeName(){
      33:                 var txtStringValue = document.getElementById("txtStringDemo").value;
      34:                 
      35:                 var filename = txtStringValue.substring(txtStringValue.lastIndexOf("\\") + 1);
      36:                 var txtFile = document.getElementById("txtFileName");
      37:                 txtFile.value = filename;
      38:             }
      39:         </script>
      40:     </head>
      41:     <body>
      42:         <form id="StringFormDemo">
      43:             <input type="file" id="txtStringDemo" value="" onchange="ChangeName()">
      44:             <input type="text" id="txtFileName">
      45:             <input type="button" id="btnSubmint" value="试验字符串对象" onclick="TestString()">
      46:         </form>
      47:     </body>
      48: </html>

        Date日期对象

         Date可以储存任意一个日期,从0001年到9999年,精确到毫秒级(1/1000秒)

         在内部,日期对象是一个整数,它是从1970年1月1日零时正开始计算到日期对象所指的日期的毫秒数。如果所指日期比1970年早,则它是一个负数。

    •     定义日期对象:
       1: var d1=new Date();

         

    •    如果要自定初始值,可以用:
       1: //99年10月1日
       2:  
       3: var d1=new Date(99,10,1);

       

    •   一个简单的小DEMO
       1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
       2: <html>
       3:     <head>
       4:         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       5:         <title>Untitled Document</title>
       6:  
       7:         <script type="text/javascript">
       8:             function ShowDateTime(){
       9:                 d1 = new Date();
      10:                 alert("今年是:" + d1.getFullYear());
      11:                 alert("今天是:" + d1.getDate() + "号");
      12:                 alert("现在是:" + d1.getHours() + "点");
      13:                 alert("现在是:" + d1.getMinutes() + "分");
      14:                 alert("现在是:" + d1.getMonth() + "月");
      15:             }
      16:             function ShowDateForTxt()
      17:             {
      18:                 var txtbox=document.getElementById("txtShowTime");
      19:                 today=new Date();
      20:                 txtbox.value=today.toLocaleString();
      21:             }
      22:             window.setInterval(ShowDateForTxt,1000)
      23:         </script>
      24:     </head>
      25:     <body onload="ShowDateTime()">
      26:         <input type="text" id="txtShowTime" maxlength="400">
      27:     </body>
      28: </html>

       

  • 相关阅读:
    vue中Axios的封装和API接口的管理
    解决Vue报错:TypeError: Cannot read property 'scrollHeight' of undefined
    JS-scrollTop、scrollHeight、clientTop、clientHeight、offsetTop、offsetHeight的理解
    理解Vue中的ref和$refs
    理解Vue中的nextTick
    CSS——overflow的参数以及使用
    JS数据结构——队列
    Vue中实现聊天窗口overflow:auto自动滚动到底部,实现显示当前最新聊天消息
    Vue中无法检测到数组的变动
    JS-观察者模式
  • 原文地址:https://www.cnblogs.com/chu888chu888/p/1336915.html
Copyright © 2011-2022 走看看