JS第二天

01_JS内置对象

                在Js中如何创建字符串对象
               // var 对象名 = new String("字符串") ;

                var s1 = new String("hello") ;

              //  js中的valueof()比较的是两个js对象的原始值是否相同

                document.write((s1.valueOf() == s2.valueOf())+"<br/>") ;

               // Js中创建对象String,简写格式就直接 字符串常量赋值给变量

                var s3 = "helloworld" ;
                var s4 = "helloworld" ;

                //常用的方法在js中
               var str = "helloworldJavaEE" ;
               //charAt(index):获取指定索引处的字符
               document.write("charAt():"+str.charAt(4)+"<br/>") ;
               //concat 方法（String）:字符串拼接功能
               document.write("concat():"+str.concat("高圆圆")+"<br/>") ;
               //fontcolor 方法:给字符串颜色标记 ("参数英文单词或者#xxxxxx")
               document.write("fontcolor():"+str.fontcolor("greenyellow")+"<br/>") ; 
               //substring(start, end):截取功能 跟Java中的String一样
               document.write("substring():"+str.substring(5,10)+"<br/>") ;
               //split 方法:拆分,分割,获取到的字符串数组
               var str2 = "JavaEE-PhP-Go-R-C-C++" ;
              var strArray = str2.split("-") ;
              //遍历 for-in语句
              for(var i in strArray){
                  document.write(strArray[i]+"&nbsp;");
              }

------------------------------------------------------------------------------------------------------------------------

02_JS自定义对象

                 //方式1:类似于Java中有参构造
            /*
                定义对象的格式 跟定义函数格式一样
                function 对象(属性名称1,属性名称2,属性名称3....){
                    //追加它的成员属性
                    this.成员属性1 = 属性名称1 ;
                    this.成员属性2 = 属性名称2 ;
                    this.成员属性3 = 属性名称3 ; 
                    //追加功能
                    this.方法名 = function(空参/带参){
                        ....
                    }
                }

             创建对象
                var  对象名 =  new 对象(实际参数列表); 
            */

         //方式2:类似于Java中的无参构造
           //1_定义对象的格式:function 对象(){}
           //2_创建对象 var 对象名 = new 对象() ;
           //3_追加属性和追加功能
           //对象名.属性名称 = "值"
           //对象名.方法名 = function(){}...

        //方式3:使用Object对象(代表所有js对象)
           //直接new 对象
           var p3 = new Object() ;

           //字面值的方式: "Json数据格式"  (后期的重点)
           //基本格式:{"key":value} 这种键值对
           //需要描述一个学生---->姓名,年龄,性别,住址

         // 复杂格式 :var 对象名 =   [{},{},{}...]
           //使用json对象.key获取value

------------------------------------------------------------------------------------------------------------------------

05_通过docuement方法获取标签对象

                //方式1:在标签中给定id属性值,必须唯一 (推荐)
                //document.getElementById("id属性值") 获取标签对象
                var username = document.getElementById("username") ;
                
                //方式2:docuement.getElementsByClassName("class属性值") ; 获取的标签对象列表
                //var username = document.getElementsByClassName("cl_username")[0] ;
                
                //方式3:docuement.getElementsByName("name属性值") ;//获取的标签对象列表
                //var username = document.getElementsByName("name")[0] ;
                
                //方式4:通过标签名称获取标签对象
                //docuement.getElementsByTagName("同名的标签名称") ; //返回的标签对象列表
                //var username = document.getElementsByTagName("input")[0] ;

------------------------------------------------------------------------------------------------------------------------

06_Js中常见事件分类

        /*
            分类:
                点击相关的 
                   单击事件 (重点)  onclick
                   双击事件         ondbclick
            
                 焦点事件 (重点)
                    获取焦点      onfocus
                    失去焦点      onblur
                 选项卡发生变化的事件 (重点)        
                     select标签 下拉菜单                 onchange     
                             option 下拉选项
                 鼠标经过事件 :onmouseover
                 鼠标移出事件:onmouseout
                 
                 页面载入事件 (重点)
        */

------------------------------------------------------------------------------------------------------------------------

07_js正则表达式语法

            //正则表达式:js引擎是能够识别这些语法
            
            //1)数量词相关的语法
            //x:代表任意字符
            //x+: 表示X字符串出现一次或者多次
            //x*:表示X字符出现0次或者多次
            //x?:表示X字符出现0次或者1次
            
            //2)范围相关的语法
            //X{n}: 表示X字符恰好出现n次
            //X{n,}:表示X字符至少出现n次
            //X{n,m}:表示X字符至少出现n次,但是不超过m次
            
            //3)匹配字符相关的
            //X[a-z] :X字符可以是a-z中任何的一个小写字母字符
            //X[0-9] :x字符是一个数字字符
            //X[A-Za-z0-9_]:X字符可以是任意的大小字母均可或者数字或者_
            
            
            //正则表达式:有一个函数  test("接收用户输入的文本框的内容字符串")匹配是否成功
            
            //创建一个正则规则:var 正则对象名 = /书写正则语法/ ;    不完全匹配 (会出现安全漏洞!)
            //正则对象名.test(字符串),true,匹配成功,false,失败!
            
            /*
                在Java语言中和在javascript中,如果要完全匹配,必须加入边界匹配器
                
                ^:以....开头
                $:以...结尾
                
                var 正则表达式对象 = /^ 正则语法 $/ ;
            */

                例子:

            //创建正则对象
            //var reg = /[0-9]{2}/ ;
            var reg = /^[0-9]{2} $/
            //创建一个字符串
            var str = "asd12mns" ;
            if(reg.test(str)){
                alert("条件成立");
            }else{
                alert("条件不成立") ;
            }

------------------------------------------------------------------------------------------------------------------------