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;