Javascript-2

Javascript-2,第1张

1. Js内置对象String
Js的String 对象
            charAt(index):获取指定索引处的字符
            concat(str) :字符串拼接功能
            substring(beginIndex,endIndex):截取,从指定位置开始截取到指定位置接收(不包含endIndex,而是endIndex-1)
            其他功能
2.Js的自定义对象
使用js这种方式如何定义Person对象 ,还需要使用Js创建Person对象;
四种方式
    1.类似于Java中有参构造
        定义对象的格式 跟定义函数格式一样
                function 对象(属性名称1,属性名称2,属性名称3....){
                    //追加它的成员属性
                    this.成员属性1 = 属性名称1 ;
                    this.成员属性2 = 属性名称2 ;
                    this.成员属性3 = 属性名称3 ; 
                    //追加功能
                    this.方法名 = function(空参/带参){
                        ....
                    }
                }
            创建对象
                var  对象名 =  new 对象(实际参数列表);
    2.类似于Java中的无参构造
                   定义对象的格式:function 对象(){}
                   创建对象 var 对象名 = new 对象() ;
                   追加属性和追加功能
                   对象名.属性名称 = "值"
                   对象名.方法名 = function(){}
    3.使用Object对象(代表所有js对象)
             使用Object对象(代表所有js对象)
                   直接new 对象
                   追加属性和追加功能
    4)字面值的方式: "Json数据格式"  (后期的重点)
                基本格式:{"key":value} 这种键值对
3.Js中DOM *** 作 (重点)
什么是DOM,核心思想 :获取元素对象(标签对象),改变标签对象属性
            举例:
                    img src属性
                    input type="text" value属性
                    div/span常见的标签都有 innerHTML或者innerText属性
                    ....
                
                    推荐的方式: (原生Js)
                        使用document的方法来获取标签对象
                                document.getElementById("id属性值") ;  推荐
                                document.getElementsByClassName("所有的同名的class属性值") 
JavaEE中有一种技术:dom4j ---- dom for java
就是后期处理xml文件读取使用dom4j(基于面向对象编程思想)
4.Js的常见的事件
 点击相关的 
   单击事件 (重点):onclick
   双击事件:ondbclick
 焦点事件 (重点)
    获取焦点:onfocus
    失去焦点:onblur
 选项卡发生变化的事件 (重点)
    select标签 下拉菜单:onchange
            option 下拉选项
 鼠标经过事件:onmouseover
 鼠标移出事件:onmouseout
 页面载入事件 (重点)
5.Js正则表达式以及原生 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 正则表达式对象 = /^ 正则语法 $/ ;
常用的语法---正则表达式是Js的内置对象---内置一个方法  var flag= test(用户输入的表单中的字符串
内容)

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/940861.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-17
下一篇2022-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存