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;
