JavaScript_02

1.Js内置对象String

在js中如何创建对象

         var 对象名 = new String("字符串") ;

                简写格式:直接将字符串常量赋值给变量

注:

1,        ==        是比较两个地址值是否相同

2,        valueof        是js中比较两个js对象的原始值是否相同        

 js中常用的方法

1, charAt(index)                       获取指定索引处的字符

2, concat 方法（String）        字符串拼接功能

3. fontcolor 方法                      给字符串颜色标记 ("参数英文单词或者#xxxxxx")

4,substring(start, end)              截取功能 跟Java中的String一样

5,split 方法                               拆分,分割,获取到的字符串数组

6,for-in语句                               遍历

2.Js自定义对象

方式一:类似于Java中有参构造

        格式:        function 对象 (属性名称1,属性名称2,属性名称3...){

                                //追加它的成员属性

                                this.成员属性1 = 属性名称1 ;

                                this.成员属性2 = 属性名称2 ;

                                this.成员属性3 = 属性名称3 ;

                                //追加功能

                                this.方法名 = function(空参或形参){

                                        执行的代码;

                                }

                        }

方式二:类似于Java中无参构造

        格式:       //定义对象

                        function  对象 (   ) {         }

                                //创建对象

                                var 对象名 = new 对象() ;

                        //追加属性和追加功能

                           对象名.方法名  = "值";

                            对象名.方法名 = function( ) {  };

方式三:使用Object对象创建(代表所有js对象)

        格式:        //直接new对象

                        var  对象名  =  new  Object();

                        //追加属性和功能

                        对象名.属性名 = 值;

                        对象名.功能名  = function(形参){

                                        执行的代码;

                            }

方式四:字面值的方式: "Json数据格式"

               格式:        {"key" : "value"}这种键值对

                        var  对象名  = {

                                                "键" :"值",

                                                "键" :"值",

                                                "方法名"  :  function(形参){

                                                        代码块                };

                                                };

方式五:复杂格式

                格式:        var 对象名 = [{},{},{}...]

                        //使用json对象,key获取value

3.Json_复杂类型

例:

        <script>
		  //复杂格式  
		   //var 对象名 =   [{},{},{}...]  描述类似数组或者集合
		   var students = 
		   [
			    {"name":"张三","age":42,"gender":"女","address":"西安市"},
				{"name":"李四","age":35,"gender":"男","address":"北京市"},
				{"name":"小白","age":32,"gender":"男","address":"渭南市"},
				{"name":"小明","age":25,"gender":"女","address":"西安市"}
		   ]  ;
		   //json对象[索引值].key 获取对应value值
		   document.write(students[1].address) ;
		   
		   //第三方解析方式:jsonlib,gson,fastJson,Springmvc的jackson这些jar包
		   //后端将List---->json
		   //后端Map----Json
		   //后端实体----Json   {"username":"xx","password":"xxx"}
		  
		</script>

4.dom入门

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

5.通过docuement方法获取标签对象

方式1:        在标签中给定id属性值,必须唯一 (推荐)

                   document.getElementById("id属性值")         获取标签对象

方式2:        获取的标签对象列表

                    docuement.getElementsByClassName("class属性值") ;

方式3:        获取的标签对象列表

                      docuement.getElementsByName("name属性值") ;

方式4:        通过标签名称获取标签对象

                   /docuement.getElementsByTagName("同名的标签名称") ; //返回的标签对象列表

---

注:        标签对象获取value属性:内容可以获取到

6.Js中常见事件分类

点击相关类:

        单击事件 (重点)         onclick

        双击事件                     ondbclick

焦点事件 (重点)

        获取焦点                        onfocus

        失去焦点                         onblur

选项卡发生变化的事件 (重点)

        select标签                 下拉菜单         onchange        

                                           下拉选项        option         

鼠标经过事件 :                onmouseover

鼠标移出事件:                onmouseout

页面载入事件 (重点)

7.常见弹窗函数

alert弹框：这是一个只能点击确定按钮的弹窗

alert方法没有返回值，也就是说如果用一个变量去接受返回值，将会得到undefined。无论 你点击“确定”还是右上角的那个“X“关闭。

---

confirm弹框：这是一个你可以点击确定或者取消的弹窗

confirm方法与alert不同，他的返回值是boolean，当你点击“确定”时，返回true，无论你点 击“取消”还是右上角的那个“X“关闭，都返回false。

8.js正则表达式

正则表达式是描述字符模式的对象。

正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。

---

语法：

var patt=new RegExp(pattern,modifiers);

        例:var re = new RegExp("\\w+");

var patt=/pattern/modifiers;

        例:var re = /\w+/;

---

注意:

在Java语言中和在javascript中,如果要完全匹配,必须加入边界匹配器

        ^:以....开头

        $:以...结尾

var 正则表达式对象 = /^ 正则语法 $/ ;

---

修饰符：用于执行区分大小写和全局匹配:

         i           执行对大小写不敏感的匹配。

         g          执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。

         m         执行多行匹配。

方括号：用于查找某个范围内的字符

        [abc]         查找方括号之间的任何字符。

        [^abc]         查找任何不在方括号之间的字符。

        [0-9]         查找任何从 0 至 9 的数字。

        [a-z]         查找任何从小写 a 到小写 z 的字符。

        [A-Z]         查找任何从大写 A 到大写 Z 的字符。

        [A-z]         查找任何从大写 A 到小写 z 的字符。

        [adgk]         查找给定集合内的任何字符。

        [^adgk]         查找给定集合外的任何字符。

        (red|blue|green)         查找任何指定的选项。

---

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字符可以是任意的大小字母均可或者数字或者_