JavaScript进阶篇-(对象)

Array对象

Array对象的创建方式

注意事项:

1)在js中,数组可以存储任意类型的元素!

2)在js中,不存在数组角标越界一说,数组中的元素数量是可以不断的增加..不会出现异常!

方式1:相当于动态初始化

1.1

var arr = new Array(3) ;

1.2

var arr = new Array() ; 表示0个长度

alert(arr.length) ;

给元素赋值

arr[0] = "hello" ;

arr[1] = 100;

arr[2] = true ;

arr[3] = "world" ;

alert(arr.length) ;/

1.3 直接指定数组中具体元素

var arr = new Array("hello",100,true,'a') ;

方式2 :直接指定数组的元素,不需要new Array() ;类似于Java中数组的静态初始化;

var arr = [10,"hello","world",true] ;

遍历数组

for(var i = 0 ; i < arr.length ;i++){

document.write(arr[i]+" ") ;

}

两个方法

join():将数组中的所有元素以一个符号进行拼接,返回一个新的字符串

reverse 方法:将数组中的元素进行反转

js中的自定义对象

定义对象

1)相当于有参构造的形式

2)无参构造的形式

function 自定义对象(Person) (参数名) {

定义属性

定义方法

}

创建对象

var p = new Preson(实际参数) ;

输出对象p中的属性值

调用对象p中的方法

方式1:自定义对象方式1 :有参构造的形式

定义一个对象

function Person(name,age){ this:代表当前对象

定义属性

this.name = name ;

this.age = age ;

定义方法

this.speak = function (){

alert("这是说话的功能...")

}

}

创建对象

var p = new Person("张三",28);/

方式2:无参构造的形式

定义一个对象

function Person(){

}

创建对象

var p = new Person() ;

追加属性

p.name = "李四" ;

p.age = 38 ;

追加方法

p.speak = function(){

alert("这是李四说话的功能...")

}

自定义对象方式3: 利用Object对象 ,Object对象在js中代表任意对象的一个模板

定义对象

function Person(){

}

创建对象

var p = new Object() ;

追加属性

p.name = "厄齐尔" ;

p.age = 29 ;

追加方法

p.play = function (){

alert("全场隐形...") ;

}

自定义对象方式4 json解析 (全国的省市区三级联动)

"标题1":"内容","名称2":"内容2"

"属性名1":值1,

"属性名2":值2,

"方法名":function(){

}

var p = {

就是json格式的写法

追加属性

"name":"王五",

"age":28,

"play":function(){

alert("王五会踢球...")

}

};

要么使用for-in语句将对象的属性遍历出来,或者直接输出

document.write(p.name+" ") ;

document.write(p.age+" ") ;

调用方法

p.play();

window对象:它代表浏览器的一个窗口对象

注意:

由于window对象中的方法频繁调用,所以为了简化书写方式,有时候window可以去掉

里面涉及的方法:

open("打开资源文件url","以什么什么方式打开(_blank)/_self","指定新打开的窗口和高度")

和定时器相关的方法:

setInterval("任务",时间毫秒值); 没经过多少毫秒后重复执行这个任务

clearInterval():取消和setInterval相关的任务

window.clearInterval(iIntervalID) :这个要插入一个Id

setTimeout("任务",时间毫秒值); 经过多少毫秒后只执行一次

clearTimeout():取消和setTimeout相关的超时事件

和弹框相关的方法:

window.alert("提示框") ; window可以省略

window.confirm("消息对话框");有确认框,取消框

prompt:提示对话框，其中带有一条消息和一个输入框

location对象:

href属性:可以修改页面的href属性来实现页面跳转更改的href属性:--- URL(统一资源定位符)

方法:

定时刷新:reload()

history对象中的方法

forward:装入历史列表中下一个url

back:装入历史列表中前一个url

go(正整数或者负整数)

属性描述

availHeight 获取系统屏幕的工作区域高度，排除 Microsoft® Windows® 任务栏。

availWidth 获取系统屏幕的工作区域宽度

document.write(screen.availHeight+" ") ;

document.write(screen.height+" ") ;

document.write(screen.availWidth+" ") ;

document.write(screen.width+" ") ;

事件编程的分类:

1)和点击相关的事件

单击点击事件: onclick

双击点击事件: obdbclick

2)和焦点相关的事件

获取焦点事件:onfocus

失去焦点事件:onblur

3)和选项卡发生变化

和选项卡发生变化相关的事件:onchange (下拉菜单,select标签)

和鼠标相关的事件:

onmouseover:鼠标经过的事件

onmouseout:鼠标移出的事件

和页面加载相关的事件:onload

一般用在body

当body中的内容加载完毕之后就会触发这个事件

JavaScript进阶篇-(对象)

猜你喜欢