Array
JavaScript Array对象用于定义数组
定义
var arr=new Array(1,2,3);方式一
var arr=[1,2,3];方式二
访问
arr[索引]=值;
arr[0]=1;
注意:JS数组类似于java集合,长度,类型都可变
//方式一
var arr = new Array(1, 2, 3);
// alert(arr);
//方式二
var arr1 = [1, 2, 3];
// alert(arr1);
//访问数组
arr[0] = 20;
// alert(arr);
//特点:JavaScript数组相当于Java中的集合,变长变类型
//变长
var arr2 = [1, 2, 3];
arr2[10] = 10;
// alert(arr2[10]);
//变类型
arr2[5] = "Hello";
// alert(arr2[5]);
// alert(arr2);
//属性:length:数组中元素的个数
var arr3 = [1, 2, 3, 4];
// for (let i = 0; i < arr3.length; i++) {
// alert(arr3[i]);
// }
//方法:
//push:添加
// arr3.push(10);
// alert(arr3);
//splice:删除
arr3.splice(0,1);
alert(arr3);//从所以位置为0处开始删,删除一个元素
String
定义:var str=new String("Hello");方式一
var str="hello";
属性:length 字符串的长度
方法:charAt(),返回在指定位置的字符
IndexOf(),检索字符串
自定义对象
BOM
Window对象 ‘
定时器案例:
function on(){ document.getElementById('myImage').src=''; } function off(){ document.getElementById('myImage').src=''; } var x=0; //定时器 setInterval(function (){ if(x%2==0){ on(); }else { off(); } x++; },1000)
History
history:历史记录
获取:使用window.history获取,其中window.可以省略
window.history.方法();
histroy.方法();
back():加载history列表中的前一个URL
forward():加载history列表中的下一个URL
Location
地址栏对象
location.方法();
属性 href:设置完整的url
DOM
Document Object Model 文件对象模型
将标记语言的各个组成部分封装为对象
Document:整个文档对象
Element:元素对象
Attribute:属性对象
Text:文本对象
Comment:注释对象
获取element对象
常见HTML Element对象的使用