在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象,也可以用创建对象的方法定义变量,String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象,在JavaScript程序大多数功能都是基于对象实现的。
字符串创建(两种方式)①变量=“字符串”②字串对象名称=newString(字符串)
varstr1="helloworld";varstr1=newString("helloword");
字符串对象的属性和函数
创建数组的三种方式:
varcnweek=newArray(7);for(vari=0;i<=6;i++){cnweek[i]=newArray(2);}cnweek[0][0]="星期日";cnweek[0][1]="Sunday";cnweek[1][0]="星期一";cnweek[1][1]="Monday";...cnweek[6][0]="星期六";cnweek[6][1]="Saturday";
二维数组
join方法
x.join(bystr)----将数组元素拼接成字符串vararr1=[1,2,3,4,5,6,7];varstr1=arr1.join("-");alert(str1);//结果为"1-2-3-4-5-6-7"concat方法
注:toString方法是将数组转成字符串
数组排序-reversesort
数组切片操作
数组的push和pop
//js中数组的特性//java中数组的特性,规定是什么类型的数组,就只能装什么类型.只有一种类型.//js中的数组特性1:js中的数组可以装任意类型,没有任何限制.//js中的数组特性2:js中的数组,长度是随着下标变化的.用到多长就有多长.vararr5=['abc',123,1.14,true,null,undefined,newString('1213'),newFunction('a','b','alert(a+b)')];/*alert(arr5.length);//8arr5[10]="hahaha";alert(arr5.length);//11alert(arr5[9]);//undefined*/
特性
实例
alert(getCurrentDate());
//解决自动补齐成两位数字的方法functionchangeNum(num){if(num<10){return"0"+num;}else{returnnum;}
}//将数字0~6转换成星期日到星期六functionparseWeek(week){vararr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//0123.............returnarr[week];}
练习示例
功能说明:
可以使用变量、常量或表达式作为函数调用的参数函数由关键字function定义函数名的定义规则与标识符一致,大小写是敏感的返回值必须使用returnFunction类可以表示开发者定义的任何函数。
用Function类直接创建函数的语法如下:
var函数名=newFunction("参数1","参数n","function_body");虽然由于字符串的关系,第二种形式写起来有些困难,但有助于理解函数只不过是一种引用类型,它们的行为与用Function类明确创建的函数行为是相同的。
functionfunc1(name){alert('hello'+name);return8}
ret=func1("bob");alert(ret);
varfunc2=newFunction("name","alert(\"hello\"+name);")func2("natasha")
示例
alert(func1.length)
该函数类似于python中的*args,**kwargs
所有浏览器都支持window对象
概念上讲:一个html文档对应一个window对象
功能上讲:控制浏览器窗口的
使用上讲:window对象不需要创建对象,直接使用即可
示例:
setInterval()方法会不停地调用函数,直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。
语法:setInterval(code,millisec)
画dom树是为了展示文档中各个对象之间的关系,用于对象的导航。
HTML文档中的每个成分都是一个节点。
DOM是这样规定的:整个文档是一个文档节点每个HTML标签是一个元素节点包含在HTML元素中的文本是文本节点每一个HTML属性是一个属性节点
其中,document和element节点最重要
节点树中的节点彼此拥有层级关系。父(parent),子(child)和同胞(sibling)等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)。
下面的图片展示了节点树的一部分,以及节点之间的关系:
访问HTML元素(节点),访问HTML元素等同于访问节点,我们能够以不同的方式来访问HTML元素。
直接查找节点
document.getElementById(“idname”)document.getElementsByTagName(“tagname”)document.getElementsByName(“name”)document.getElementsByClassName(“name”)示例