JavaScript的内部对象

1.1 date对象(获取计算机中的时间)

<script type="text/javascript">   
      var now=new Date();
      alert(now.toLocalString());
</script>

Date的使用方法有如下几种:


图片1_WPS图片.png

1.2 Math对象
Math对象可以进行平方根/三角函数/对数和随机数等的高级运算..Math对象与其他对象不同,不需要使用new关键字创建实例


图片1.png

1.3数组
1,数组列表
数组列表用于表示一组数据的集合

var arr=["zhangsan" ,18,20];

数组中的元素用下标表示位置,从0开始,例如 var arr=[11,33,23,45]; 则arr[0]=11 arr[1]=33,依次类推

2.array对象

第一种:var arr=new Array();//创建了一个Array对象,数组中初始的元素个数为0,可以使用下列方式为此数组对象添加新元素;arr[0]=1;

第二种: var arr=new Array(4);//为数组指定了大小,当下标超出指定长度时,数组就自动扩展

第三种: var arr=new Array(1,2,3);//为数组前三位赋值

3.String对象
String是动态对象,需要创建对象实例后才能使用
下面举例进行说明和使用:
使用String方法,验证用户输入的电子邮箱和密码的格式是否合法
要求:
(1) 邮箱地址不能为空
(2) 邮箱地址必须包含符号@和 .
(3) 实现文本输入的即时提示特效,即当文本框失去焦点时,如果格式不合法,则提示原因.
(4) 如果输入的邮箱地址格式合法,则提交表单

<head>
      <style type="text/css">
           body{
                   font-size=12px;
            } 
            div#register   .txt{
                  border:1px  solid #ccc;
                  width:120px;
            }
      </style>
      <script type="text/javascript">
              function  $(id){
                    return document.getElementById(id);
             }
              function checkEmail(){
                    var email=$("txtEmail").value;
                    var obj=$("span_email");
                    obj.innerHTML=" ";
                    if(email == " "){
                             obj.innerHTML=" Email不能为空";
                             return false;
                    }   
                   if(email.indexOf("@" ) == -1){
                             obj.innerHTML="Email格式不正确,必须包含@";
                             return false;
                    }
                   if(email.indexOf("." )== -1){
                             obj.innerHTML=" Email格式不正确,必须包含 . ";
                             return false;
                    }
                   return true;
             }
             function   check(){
                      if(checkEmail()){
                             return true;
                      }
                     return false;
             }
    </script>
</head>
<body>
          <div id="register">
               <form onsubmit="return check()">
                        <p>
                               邮箱:
                                   <input name=" " type="text" id="txtEmail" class="txt" onblur="checkEmail()"/>
                                   <span id="span_email"></span>
                        </p>
                        <input type="submit" value="提交" />
              </form>
         </div>
</body>

4.创建自定义对象
4.1使用object创建JavaScript对象

<script type="text/javascript>
         var person =new Object( ); //定义person对象
         person.name ="zhangsan"; //对象的属性 name
         person.age=18;  // 对象的属性age
         function  getAttr(){
              alert (person.name +"的年龄是" +person.age);
         }
         getAttr();
</script>

4.2 使用构造函数创建对象
使用构造函数创建对象需要编写一个函数,函数名作为对象的类名称,函数体定义属性和方法.

<script type="text/javascript">
        //创建book类型
       function Book(name,author,price){
            this.name =name;
            this.author=author;
            this.price=price;
            this.show=function(){
                      alert("书名:"+this.name+"\n" +"作者:"+this.author+"\n价格:"+this.price);
            }
       }
     var book=new Book("APP这样设计才盈利","方旭" ,"68");
     book.show();
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,272评论 0 4
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,950评论 0 38
  • 第五章******************************************************...
    fastwe阅读 712评论 0 0
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,113评论 0 1
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,362评论 0 3