函数:
定义语法:
function functionName(参数1,参数2){
}
注意
形式参数不需要类型,因为JavaScript是弱语言
返回值也不需要定义,可以在函数内部直接使用return
调用
函数名称(实际参数列表)
如果传递的参数高于参数的个数,后面的参数个数是无效的
JavaScript对象
JavaScript中的Array(数组)
定义:
var 变量名=new Array(元素列表); 例如 var arr=new Array(1,2,3,4);//方式一
var 变量名=[元素列表]; 例如var arr=[1,2,3,4]; //方式二
访问:
arr[索引]=值 arr[1]=2;
JavaScript的特点:长度可变、类型可变
属性:
length:设置 或返回数组中元素的数量
方法:forEach()遍历数组中每个有值的元素,并调用一次传入的函数
push()将新元素添加到数组末尾并返回新长度
splice()从数组删除元素
JavaScript中的String
定义:
var 变量名=new String("..."); 例如 var str=new String("Hello String");//方式一
var 变量名="..."; 例如 var str="hello world";//方式二
属性:
length:返回字符串的长度
方法
charAt() 返回指定位置的字符
idexof()检索字符串
trim()去除字符串两边的空格
subbstring()提取字符串中两个指定的索引之间的字符
JavaScript中的自定义对象
定义格式
var 对象名={
属性名1:属性值1,
属性名2:属性值2,
属性名3:属性值3,
函数名称:function(参数形式){}
}
例如:
var user={
name:"张三",
age:20,
gender:"male",
eat:function(){
alter("吃烧烤")
}
}
调用格式
对象名.属性名 例如console.log(user.name)
对象名.函数名(); 例如user.eat();
JavaScript中的JSON
var 变量名='{"key1":value1,"key2":value2}';
value的数据类型:数字(整数或浮点数)、字符串(在双引号中)、逻辑值(true或false)、数组(在方括号中)、对象(在花括号中)、null
例如:
var user='{"name":"张三","age":20,"address":["武汉","广州","长沙"]}';
JSON字符串转为JS对象
var jsObject =JSON.parse(userStr);
将JS对象转为JSON字符串
var jsonStr=JSON.Stringify(jsobject);
JavaScript中的BOM
windon对象 其中windon.可以省略
属性:
history:对History对象只读引用
location:用于窗口或框架的location对象 location.href"https//www.baidu.cn";(href返回url)
navigator:对Nacigator对象的只读引用
方法:
alter():显示一段消息和一个确认按钮
confirm():显示一段消息以及确认按钮和取消按钮的对话框
setlnterval():按照指定的周期()以毫秒计 来调用函数或计算表达式
setTimeout():在指定的毫秒后调用或计算表达式
JavaScript中的DOM
DOM是w3c的标准,定义了访问HTML和XMlL文档的标准,分为3个不同的部分
-
Core DOM-整个文档类型的模型
-
Document:整个文档对象
-
Element:元素对象
-
Attribute:属性对象
-
Text:文本对象
-
Comment:注释对象
-
-
XML DOM-XML 文档的标准模型
-
HTML DOM —HTML文档的标准模型
-
Image:<img>
-
Button:<input type='button'>
-
HTML中的Element对象可以通过Document对象获取
Document对象提供了以下获取对象的方法
-
根据id获取对象返回单个Element 例如 var h1=document.getElementById('h1')
-
根据标签名称获取对象 返回Element数组 例如 var divs=document.getElementsByTagName('div');
-
根据name属性获取 返回Element数组 例如 var hobbys=document.getElementsByName('hobby');
-
根据class属性值获取,返回Element数组 例如 var class=document.getElementsByClassName('cls');
事件监听
方式一:通过HTML标签中的事件属性进行绑定
方式二:通过DOM元素属性绑定