1、js的函数
（1）在java里面定义方法
public void/int 方法名称(参数列表) {
方法体和返回值;
}
（2）在js里面定义函数有三种方式
第一种：使用关键字 function 方法名称(参数列表) { 方法体和返回值 }
* 注意一：参数列表，不需要写类型（var），直接写参数名称
* 注意二：返回值，根据实际需要可以有也可以没有
* 代码
function test1() {
alert("123456");
}
//test1();
//实现两个数的相加
function add1(a,b) {
var sum = a+b;
return sum;
}
alert(add1(2,3));
第二种：匿名函数，使用关键字function(参数列表) { 方法体和返回值; }
* 代码
//第二种定义方式
var test1 = function(a,b) {
return a+b;
}
//调用函数
alert(test1(3,4));
第三种：动态函数（方法体和返回值，包含参数列表都是通过参数传递进来的）
* 使用js里面的内置对象 new Function("参数列表","方法体和返回值")
* 代码
//第三种定义方式
var param = "a,b";
var method = "var sum;sum=a+b;return sum;";
var test2 = new Function(param,method);
//调用函数
alert(test2(5,6));
2、js的函数的重载
（1）在java里面存在重载，方法名称相同，参数列表不同
（2）js里面是否存在函数的重载？
第一，在js不存在重载
第二，可以使用js函数里面arguments数组模拟重载的效果
（3）模拟重载的效果
* 在js里面有一个数组arguments，保存传递进来的参数，使用这个数组模拟重载的效果
* 代码
//模拟重载的效果
//在js函数里面有一个数组 arguments，保存传递进来的参数的
function add1() {
//alert(arguments.length);
//遍历数组
/*for(var i=0;i<arguments.length;i++) {
alert(arguments[i]);
}*/
//模拟重载的效果（有几个参数，实现这几个参数的相加）
var sum = 0;
for(var i=0;i<arguments.length;i++) {
sum += arguments[i];
}
return sum;
}
//调用
alert(add1(1,2));
alert(add1(1,2,3));
alert(add1(1,2,3,4));
3、js的事件
（1）什么是事件：在html的元素里面可以触发事件调用js里面的函数
（2）在html的标签上面如何使用事件
* 有三种方式
* 第一种：使用事件属性调用js方法
** 代码
<input type="button" value="第一种方式" οnclick="add1();"/>
* 第二种：首先得到要绑定的标签，在使用事件的属性
** 代码
//第二种方式绑定事件
document.getElementById("buttonid").onclick = add1;
* 第三种：首先得到要绑定的标签，写js的代码
** 代码
document.getElementById("buttonid1").onclick = function() {
alert("aaaaa");
};
4、js的常用的事件
（1）onload事件和onclick事件
* onload：html页面在加载时候触发事件，调用响应的js方法
** <body οnlοad="test1();">
* onclick：鼠标点击事件
** <input type="text" οnclick="test2();"/>
（2）onfocus事件和onblur事件
* onfocus：获取焦点
* onblur：失去焦点
（3）onmouseover 鼠标被移到某元素之上
（4）onmouseout 鼠标从某元素移开
（5）onkeypress：点击键盘上面的某个键，调用方法
* <input type="text" id="textid1" οnkeypress="key1(event);"/>
* function key1(obj) {
//alert(obj.keyCode);
//如果点击键盘上面的回车键 ，调用方法 13
if(obj.keyCode==13) {
alert("key1");
}
}
5、js的dom对象
（1）什么dom：document object model：文档对象模型
* 文档：指的是标记型文档（html、xml）
* 对象：在对象里面有属性和方法
** 使用dom里面提供的对象里面的属性和方法，对标记型文档进行操作
* 要想使用dom对象标记型文档进行操作，首先需要解析标记型文档（html为例）
** html中包含 标签、属性、文本内容
（2）使用dom解析html
* 解析过程：根据html的层级结构在内存中分配一个树形结构
* document对象，代表整个文档
* element对象，代表标签
* 属性对象
* 文本对象
* Node节点对象，是这些对象的父对象，在找不到想要使用的方法，到Node里面找
（3）DHTML的简介
* 不是一种技术，是很多技术的简称。
* 包含的技术：
** html：封装数据
** css：使用属性和属性值修改数据的样式
** ECMAScript：语句和语法
** DOM：对标记型文档进行操作
6、document对象
（1）document对象代表整个文档
（2）方法
第一个：write()，向页面输出内容，可以输出html代码
* document.write("aa");
document.write("<hr/>");
第二个：getElementById(): 获取标签对象，通过标签的id值进行获取
* var input1 = document.getElementById("textid");
document.write(input1.value);
第三个：getElementsByName(): 根据标签里面name属性的值得到标签对象，返回数组
* //getElementsByName()
var inputs1 = document.getElementsByName("name1");
//alert(inputs1.length);
//获取每个input里面的value值
for(var i=0;i<inputs1.length;i++) {
var input1 = inputs1[i];
//得到value值
alert(input1.value);
}
* 如果只有一个标签，使用getElementsByName返回的也是一个数组，不需要遍历，直接使用数组的下标获取值
* var inputs2 = document.getElementsByName("name2");
//alert(inputs2.length);
alert(inputs2[0].value);
第四个：getElementsByTagName()：根据标签的名称获取标签对象，返回数组
* var inputs3 = document.getElementsByTagName("input");
//alert(inputs3.length);
//遍历数组
for(var i=0;i<inputs3.length;i++) {
var input3 = inputs3[i];
//得到标签的value
alert(input3.value);
}
* 如果只有一个标签，使用getElementsByTagName返回的也是一个数组，不需要遍历，直接使用数组的下标获取值
var arr = document.getElementsByTagName("input");
alert(arr[0].value);
（1）在java里面定义方法
public void/int 方法名称(参数列表) {
方法体和返回值;
}
（2）在js里面定义函数有三种方式
第一种：使用关键字 function 方法名称(参数列表) { 方法体和返回值 }
* 注意一：参数列表，不需要写类型（var），直接写参数名称
* 注意二：返回值，根据实际需要可以有也可以没有
* 代码
function test1() {
alert("123456");
}
//test1();
//实现两个数的相加
function add1(a,b) {
var sum = a+b;
return sum;
}
alert(add1(2,3));
第二种：匿名函数，使用关键字function(参数列表) { 方法体和返回值; }
* 代码
//第二种定义方式
var test1 = function(a,b) {
return a+b;
}
//调用函数
alert(test1(3,4));
第三种：动态函数（方法体和返回值，包含参数列表都是通过参数传递进来的）
* 使用js里面的内置对象 new Function("参数列表","方法体和返回值")
* 代码
//第三种定义方式
var param = "a,b";
var method = "var sum;sum=a+b;return sum;";
var test2 = new Function(param,method);
//调用函数
alert(test2(5,6));
2、js的函数的重载
（1）在java里面存在重载，方法名称相同，参数列表不同
（2）js里面是否存在函数的重载？
第一，在js不存在重载
第二，可以使用js函数里面arguments数组模拟重载的效果
（3）模拟重载的效果
* 在js里面有一个数组arguments，保存传递进来的参数，使用这个数组模拟重载的效果
* 代码
//模拟重载的效果
//在js函数里面有一个数组 arguments，保存传递进来的参数的
function add1() {
//alert(arguments.length);
//遍历数组
/*for(var i=0;i<arguments.length;i++) {
alert(arguments[i]);
}*/
//模拟重载的效果（有几个参数，实现这几个参数的相加）
var sum = 0;
for(var i=0;i<arguments.length;i++) {
sum += arguments[i];
}
return sum;
}
//调用
alert(add1(1,2));
alert(add1(1,2,3));
alert(add1(1,2,3,4));
3、js的事件
（1）什么是事件：在html的元素里面可以触发事件调用js里面的函数
（2）在html的标签上面如何使用事件
* 有三种方式
* 第一种：使用事件属性调用js方法
** 代码
<input type="button" value="第一种方式" οnclick="add1();"/>
* 第二种：首先得到要绑定的标签，在使用事件的属性
** 代码
//第二种方式绑定事件
document.getElementById("buttonid").onclick = add1;
* 第三种：首先得到要绑定的标签，写js的代码
** 代码
document.getElementById("buttonid1").onclick = function() {
alert("aaaaa");
};
4、js的常用的事件
（1）onload事件和onclick事件
* onload：html页面在加载时候触发事件，调用响应的js方法
** <body οnlοad="test1();">
* onclick：鼠标点击事件
** <input type="text" οnclick="test2();"/>
（2）onfocus事件和onblur事件
* onfocus：获取焦点
* onblur：失去焦点
（3）onmouseover 鼠标被移到某元素之上
（4）onmouseout 鼠标从某元素移开
（5）onkeypress：点击键盘上面的某个键，调用方法
* <input type="text" id="textid1" οnkeypress="key1(event);"/>
* function key1(obj) {
//alert(obj.keyCode);
//如果点击键盘上面的回车键 ，调用方法 13
if(obj.keyCode==13) {
alert("key1");
}
}
5、js的dom对象
（1）什么dom：document object model：文档对象模型
* 文档：指的是标记型文档（html、xml）
* 对象：在对象里面有属性和方法
** 使用dom里面提供的对象里面的属性和方法，对标记型文档进行操作
* 要想使用dom对象标记型文档进行操作，首先需要解析标记型文档（html为例）
** html中包含 标签、属性、文本内容
（2）使用dom解析html
* 解析过程：根据html的层级结构在内存中分配一个树形结构
* document对象，代表整个文档
* element对象，代表标签
* 属性对象
* 文本对象
* Node节点对象，是这些对象的父对象，在找不到想要使用的方法，到Node里面找
（3）DHTML的简介
* 不是一种技术，是很多技术的简称。
* 包含的技术：
** html：封装数据
** css：使用属性和属性值修改数据的样式
** ECMAScript：语句和语法
** DOM：对标记型文档进行操作
6、document对象
（1）document对象代表整个文档
（2）方法
第一个：write()，向页面输出内容，可以输出html代码
* document.write("aa");
document.write("<hr/>");
第二个：getElementById(): 获取标签对象，通过标签的id值进行获取
* var input1 = document.getElementById("textid");
document.write(input1.value);
第三个：getElementsByName(): 根据标签里面name属性的值得到标签对象，返回数组
* //getElementsByName()
var inputs1 = document.getElementsByName("name1");
//alert(inputs1.length);
//获取每个input里面的value值
for(var i=0;i<inputs1.length;i++) {
var input1 = inputs1[i];
//得到value值
alert(input1.value);
}
* 如果只有一个标签，使用getElementsByName返回的也是一个数组，不需要遍历，直接使用数组的下标获取值
* var inputs2 = document.getElementsByName("name2");
//alert(inputs2.length);
alert(inputs2[0].value);
第四个：getElementsByTagName()：根据标签的名称获取标签对象，返回数组
* var inputs3 = document.getElementsByTagName("input");
//alert(inputs3.length);
//遍历数组
for(var i=0;i<inputs3.length;i++) {
var input3 = inputs3[i];
//得到标签的value
alert(input3.value);
}
* 如果只有一个标签，使用getElementsByTagName返回的也是一个数组，不需要遍历，直接使用数组的下标获取值
var arr = document.getElementsByTagName("input");
alert(arr[0].value);
4412
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
