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(用户输入的表单中的字符串
内容)