js中的自定义对象和BOM编程

1:js中的自定义对象:

1) Date对象:

var date = new Date();创建一个Date对象;  

getFullYear(); 获取到当前对象的年, getMonth(); 获取到月份值:0-11; getDate();当前月中的第几天;

getHours();获取到小时; getMinutes();获取到当前的分钟; getSeconds();获取到当前的秒; getDay();获取到周中的第几天;

2) Array数组:

数组中的值可以是任意值,数组没有角标越界,数组是可以进行扩充的,

定义数组: var arr = new Array(3);     var arr  = new Array();    var arr = new Array("hello",true,100);

var arr = ["word",false,120];

数组中常用的方法:join("xxx"); 将数组中的所有元素以xxx来连接起来;

reverse();反转,将数组中所有的元素位置进行反转;

3) 自定义对象:

有参构造: function Person(name,age){  this.name = name ;   this.age = age;    }

无参构造: function Person(){ }  var p = new Person();

追加方法:     p.name = "xxx" ;  p.age = "xxx";  p.method = function(){ xxx; }

function Person(){ }  ;  var p = new Object();   然后在追加属性和方法;

字面值:var p = { "name":"xxx",  "age":"xxx" ,  "method":function(){ xxx ;} };

4) 原型属性:

prototype:js中每一个内置对象都有原型属性,通过原型属性添加方法,就是给内置对象添加方法,

比如给Array对象添加一个方法:    Array.prototype.max = function(){  xxx ;}

2:js中的BOM编程:

1) window对象:

open(url,"_blank","width ; 'height ; toolbar") ; 打开一个新的窗口,第一个参数:连接到的资源文件; 第二个参数: 打开的方式;

第三个参数: 网页的宽和高,以及是否有标题框;

定时器相关的方法:setInterval("code",time);每隔多长时间执行code;setTimeout("code",time);多长时间后执行code;

clearInterval(id); 清除定时器;   clearTimeout(id);  

弹窗相关的方法:alert("xxx");  弹出一个提示框;

confirm("xxx"); 确认提示框;  prompt("xxx"); 弹出一个输入确认框;

2) location对象:

通过修改location.href;可以改变网页;

location.reload(); 重新加载;

3) history对象:

foward(); 跳转到下一个页面; back(); 跳转到之前的页面;

go( 1 ); 下一个;   go(-1);上一个;

4) screen对象:

availWidth(); availHeight();  去除掉任务栏的宽度和高度;

3:事件编程:

1)  事件编程的三要素:

事件源, 监听器, 注册监听器(将监听器绑定到事件源上)

2) 事件编程的分类:

onclick(); 单击事件 ;  ondbclick(); 双击事件;

onfocus; 获取焦点;  onblur(); 失去焦点;

onchange(); 选项发生改变的事件

onmouseover(); 鼠标经过 ;  onmouseout(); 鼠标离开;