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+"<br/>") ;
document.write(p.age+"<br/>") ;
调用方法
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+"<br/>") ;
document.write(screen.height+"<br/>") ;
document.write(screen.availWidth+"<br/>") ;
document.write(screen.width+"<br/>") ;
事件编程的分类:
1)和点击相关的事件
单击点击事件: onclick
双击点击事件: obdbclick
2)和焦点相关的事件
获取焦点事件:onfocus
失去焦点事件:onblur
3)和选项卡发生变化
和选项卡发生变化相关的事件:onchange (下拉菜单,select标签)
和鼠标相关的事件:
onmouseover:鼠标经过的事件
onmouseout:鼠标移出的事件
和页面加载相关的事件:onload
一般用在body
当body中的内容加载完毕之后就会触发这个事件