初识函数
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> <!--初识函数 --></title>
<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<script type="text/javascript">
//函数就是具备特殊功能的一段独立的代码段
function show(){
alert("你好");
alert("我好");
alert("大家好");
}
show();//函数调用；什么时候用到函数的功能什么时候去调用（不调用函数是没有输出结果的）
for ( var int = 0; int <10; int++) {
document.write("*");
}
show();
</script>
</head>
<body>
</body>
</html>
====================================================================================
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> <!--初识函数 --></title>
<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<script type="text/javascript">
/* 无参函数 */
function fun(){
var num1=34;
var num2=10;
alert(
num2+num1
);
}
fun();//必须调用才能弹出呀
/*带参函数 */
function fun2(num1,num2){
var sum=num1+num2;
alert("总和为："+sum);
}
fun2(1,1);
/*带参，带返回值函数 。有返回值函数的好处：对这个值怎么处理，由调用函数的处理，而不是由函数处理*/
function fun3(num1,num2){
var sum=num1+num2;
return sum;
}
document.write("总和为："+fun3(1,1));
</script>
</head>
<body>
</body>
</html>
================================================================================
函数参数传递
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> <!--初识函数 --></title>
<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<script type="text/javascript">
//自定义函数的考虑方式：1.是否需要返回值 2.是否需要参数
//求两个数中的最大值
function fun(num1,num2){
return num1>num2? num1:num2;
}
alert( fun(2,3));
//判断两个数是否相等
function fun2(num1,num2){
return num1==num2;
}
alert(fun2(1,2));
//打印5行5列的矩形
function fun3(){
for ( var int = 0; int <5; int++) {
for ( var int2 = 0; int2 <5; int2++) {
document.write("*");
}
document.write("</br>");
}
}
fun3();
</script>
</head>
<body>
</body>
</html>
==================================================
函数递归
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> <!--初识函数 --></title>
<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<script type="text/javascript">
//函数递归
function add(n){
if (n==1) {
return 1;
}else{
return n+add(n-1);
}
}
document.write(add(3));
</script>
</head>
<body>
</body>
</html>
====================================================
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> <!--初识函数 --></title>
<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<script type="text/javascript">
/* js中的数据类型
基本数据类型：number，string，boolean,undefied--特点：只能存储数据
引用数据类型：Object是最基本类型 --特点：是数据和功能（函数）的组合
*/
//创建对象的方式：使用new运算符
function show(){
alert("show");
}
var obj=new Object();
obj.name="张三";
obj.age="23";
obj.fun=show;//函数名
/*可以直接在后面直接定义
obj.fun=function (){//匿名函数
alert();
}
*/
//使用对象
alert(obj.name);
obj.fun();
//创建对象是可以省略new
var obj2=Object();
obj2.age=24;
obj2.fun=function(){
alert("我是obj2，创建对象没用new，函数是匿名函数");
};
obj2.fun();
//创建对象的方式2：字面量方式
function show2(){
alert("show字面量创建的");
}
var obj4={
name:"李四",
age:23,
fun:show2
};
obj4.fun() ;
//使用字面量的方法创建一个空对象
var obj5={};
obj5.name="赵四";
obj5.age="24";
obj5.fun=function(){
alert("嘿嘿");
};
alert(obj5.name);
obj5.fun();
</script>
</head>
<body>
</body>
</html>
===============================================================================
引用数据类型传输
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> 基本数据类型和引用数据类型的对比</title>
<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<script type="text/javascript">
//对象：把数据和功能封装在了一起 对象.数据 对象.功能
//交换两个变量的值
function huan(objs){
var c=objs.a;
objs.a=objs.b;
objs.b=c;
}
var obj=new Object();
obj.a=1;
obj.b=2;
huan(obj);
alert(obj.a);
</script>
</head>
<body>
</body>
</html>
==============================================================================================================================
数组是引用
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Array:数组，属于引用类型</title>
<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<script type="text/javascript">
//使用new创建数组
var arr=new Array(10);//定义了可以存储10个数的数组
alert(typeof arr);//数组是Object类型
arr[0]=0;
arr[1]=1;
arr[2]=2;
var arr1=new Array();
arr1[6]=77;
alert(arr1);
alert(arr1.length);
var arr2=new Array("李四",45,true);//创建数组的同时给数组初始化数据，数组的初始化长度就是数组的个数
alert(arr2[2]);
//总结：1.数组的长度是可以改变的2.数组中可以存储不同的类型
//var a=new Array[10]; var b=new Array(); var c=new Array("李四",4，true);
//使用字面量方式创建数组
var arr3=[];
arr3[0]=66;
var arr4=[1,2,3,4];
alert(arr4[2]);
//第一个是对象，第二个是数组，第三个是字符串，第四个是数组
var arr5=[
{
name:"李四",
age:23,
fun:function(){
alert("哈哈");
}
},
[3,4,5,new Object()],
"hello",
new Array("html","css","javascript")
];
arr5[0].fun() ;
</script>
</head>
<body>
</body>
</html>
================================================================================
数组中常用的方法
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>数组中常用的方法（函数）</title>
<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<script type="text/javascript">
var arr=["刘能",46,"铁岭","演员"];
//toString(); 把数组中常用的数据转换为字符串并返回
// alert(arr);//内部自动调用了toString()
//join();使用指定的分隔符把数组中的数据连接成字符串
//alert(arr.join("/"));
//push():向数组末尾添加数据，返回数组的长度
arr.push("赵本山徒弟");
alert(arr);
//pop():删除数组末尾的数，返回被删除的数据
//alert(arr.pop())
//unshift():向数组开头添加数据，并返回数组的长度
arr.unshift("人物 简介");
alert(arr);
//shift():删除数组开头的数据,返回被删除的数据
arr.shift();
alert(arr);
//concat();基于当前数组创建一个新数组并返回该数组
var a=arr.concat("非常搞笑的人");
alert(a);
//slice():基于当前数组获取指定区域元素并返回一个新数组
var arr2=["刘能","46","铁岭","演员"];
var b=arr.slice(1,3);
alert(b); //结果是：46，铁岭
//splice()；删除，插入，替换
</script>
</head>
<body>
</body>
</html>
