week8-Day4

1.js自定义对象

定义对象--语法格式和函数定义一样
方式1:类似于java中的有参构造
    function 对象(属性列表){
        给属性赋值;
        给添加功能;
    }
​
创建对象
    var 对象名称= new 对象(实际参数列表)
    
    访问属性:
    1)对象.属性;
    2)for(var 变量 in 对象名称/数组名称){
        使用对象(变量)
        }

            function Person(name,age){
                //给属性赋值
                this.name=name;
                this.age=age;
                //添加功能
                this.speak=function(){
                    alert("会说英语");
                }
            }
            //创建person对象
            var p=new Person("刘宝寿",20);
            //访问属性:对象.属性
            document.write("姓名是"+p.name+"<br/>");
            document.write("年龄是"+p.age+"<br/>");

定义对象:
方式2:类似于Java中的无参构造方法
    function 对象(){};
    
创建对象:
    var 对象名称= new 对象;
使用对象名追加属性:
    对象.属性;
使用对象追加方法
    对象.方法;
访问属性

function Person(){};
            //创建Person对象
            var p = new Person();
            //使用对象名追加属性
            p.name="张三丰";
            p.age=40;
            //使用对象追加方法
            p.speak=function(){
                alert(p.name+"会说英语");
            }
            //访问属性:对象.属性
            document.write("姓名是:"+p.name+"</br>")   
            document.write("年龄是:"+p.age+"</br>")    
            p.speak();

方式3:利用Object对象,所有的js对象的模板,Object是javascript内置对象,能够被浏览器识别的;
        创建对象
            var 对象名称=new Object();
        追加属性
            对象.属性;
        访问属性

        //创建一个对象
            var p = new Object();
            //使用对象名追加属性
            p.name = "王冬磊";
            p.age = 30;
            //使用对象追加方法
            p.play = function(){
                alert(p.name+"会玩");
            }
            document.write("姓名是:"+p.name+"</br>")
            document.write("年龄是:"+p.age+"</br>")    
            p.play();

方式4:字面值的方式,json数据格式
json:js的一种简易表达式,描述一个对象或者数组的格式(存储/表示数据);一系列键值对象组成的格式;
​
描述对象格式:
        var 对象名称={
            追加属性
        }
        访问属性;
        
存储数组格式:
    var 数组名称[
        内容
    ]
    对象名称[角标].key  获取value

            //描述对象格式
            var p = {
            //追加属性
            "name":"王力宏",
            "age":40,
            "gender":"男",
            "address":"西安市",
            //追加属性
            "play":function(){
                alert(p.name+"会玩");
            }
            }
            document.write("姓名是:"+p.name+"</br>");
            document.write("年龄是:"+p.age+"</br>");
            document.write("性别是:"+p.gender+"</br>");
            document.write("地址是:"+p.address+"</br>");
            p.play();

//描述数组格式		
var students=[
				{"id":1,"name":"张三","age":18,"gender":"男","address":"北京市"},
				{"id":2,"name":"李四","age":26,"gender":"女","address":"上海市"},
				{"id":3,"name":"王五","age":50,"gender":"男","address":"西安市"}
			];
			//获取数组对象
			alert(students[1].name);
			}

2.js的内置对象Date

2.1Date对象的基本方法

浏览器在解析html页面的时候,js引擎能够识别这些对象
	String 字符串对象
	Number 整数对象
	Date 日期对象
	Object 所有js的模板对象

Date对象:启用基本存储器并取得日期和时间
1)创建js的内置对象Date
	var date = new Date();
2)获取方法:获取年/月/日/小时/分钟/秒
	getFullYear()   获取年
	getMonth()      获取月份(0-11月之间的整数,使用时需要+1)
	getDate()       获取日期
	getHours()      获取小时
	getMinutes()    获取分钟
	getSeconds()    获取秒

2.1 网页时钟--定时器

创建日期对象
1)获取当前的日期和时间,拼接成字符串
2)将时间字符串放入span标签中,作为它的文本内容
3)设置标签的innerHTML属性
4)定时器
	重复执行 setInteval(定时任务(),时间毫秒值);--每经过毫秒值,重复执行定时时间;
	执行一次 setTimeout(定时任务(),时间毫秒值);--每经过毫秒值后,执行一次任务;

3.DOM操作

核心:
	创建/获取标签对象,使用标签对象;
	改变它的属性,达到某种效果;
	
浏览器的js引擎解析html标签的时候,将每一个标签封装成对象,可以划分为节点对象/标签对象/元素对象,可以形成一种"树状结构";

获取对象的方式
1)通过节点的默认属性名称获取
	内置属性:
		parentNode:父节点
		childNodes:所有的子节点
		firstChild:第一个子节点
		lastChild:最后一个子节点
		previousSibling:上一个兄弟节点
		nextSibling:下一个兄弟节点
		
2)通过document集合属性获取
	all:获取html文档中所有的标签对象
	links:a标签对象
	forms:表单标签对象
	imags:img标签对象
	
3)使用document对象的方法获取标签对象;---使用最多
	getElementById("id属性值")
	getElementsClassName("页面中所有的同名class属性值")
	getElementsByTagName("页面中所有的同名标签名称")
	getElementsByName("页面中的所有name属性")

4.事件编程以及分类

4.1事件编程的三要素

1)事件源--标签
2)编写事件监听器--函数
3)将函数绑定在事件源上--onXXX

4.2常见的事件分类

单击事件 click
双击事件 dbclick

鼠标获取焦点 focus
鼠标失去焦点 blur 

选项卡发生变化的事件(select标签居多)  change
鼠标经过事件(经过div/某个元素)  mouseover
鼠标移出事件 mouseout

页面载入事件 load事件:一般用在body 
当body里面的内容全部加载完毕,再出发load函数;

5.数据库的隔离级别

读未提交:read uncommitted
读已提交:read committed
可重复读:repeatable read;
序列化:serializable;