第7节 JS 中函数的声明
函数声明的三种形式
(1) function 函数名() { 函数体 }
(2) var 函数名=function(){ 函数体 }
(3) var 函数名=new Function( "函数体" );
函数参数传递
在js中实参的个数和形参的个数可以不一致
函数的返回值
如果函数没有return 这时候返回 undefined():函数执行符
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
/*****【1】函数声明的方式***********************/
//方式一
function demo1(){
alert("函数声明一");
}
//方式二
var demo2= function(){
alert("函数声明二");
}
//方式三 (函数本身也是一个对象) 了解
var demo3=new Function("alert('我是函数声明三')");
// demo3();
// demo1();
/*************函数中参数传递************************/
function demo4(a,b){
console.log(a+"...."+b);
}
/* demo4(1,2);//1....2
demo4(1);//1....undefined
demo4(1,2,3);//1....2*/
/**************函数的返回值**************************/
function demo5(a){
console.log("参数值:"+a());
return a;
}
// alert(demo5(5));
var a=function(){
console.log("我是函数a");
};
demo5(a);
</script>
</head>
<body>
</body>
</html>
<!--
函数声明的三种形式
(1) function 函数名(){
函数体
}
(2) var 函数名=function(){
函数体
}
(3) var 函数名=new Function("函数体");
函数参数传递
在js中实参的个数和形参的个数可以不一致
函数的返回值
如果函数没有return 这时候返回 undefined
():函数执行符
-->
第8节 常用对象 1
Date 日期对象
//本月中的第几天
document.write(date.getDate()+" ");
//本星期的第几天
document.write(date.getDay()+" ");
//返回的月份 0-11
document.write(date.getMonth()+" ");
//返回的是1900年到现在年份的差值2018-1900
document.write(date.getYear()+" ");
//返回全年2018
document.write(date.getFullYear()+" ");
//2018/6/22 下午12:17:14:返回本地的时间
document.write(date.toLocaleString()+" ");
Math 对象学习
//获得随机数
//随机数范围是0-1
var ran=Math.random()1000; console.log(ran);
//向下取整
756.9714434215177 ==756 console.log(Math.floor(ran));
//向上取整
398.06376470341377==398 console.log(Math.ceil(ran));
//获得4位随机数--验证码
console.log(Math.floor(Math.random()9000+1000) );
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
/***********日期对象*****************/
function testDate(){
var date=new Date();
//本月中的第几天
document.write(date.getDate()+"<br />");
//本星期的第几天
document.write(date.getDay()+"<br />");
//返回的月份 0-11
document.write(date.getMonth()+"<br />");
//返回的是1900年到现在年份的差值2018-1900
document.write(date.getYear()+"<br />");
//返回全年2018
document.write(date.getFullYear()+"<br />");
//2018/6/22 下午12:17:14:返回本地的时间
document.write(date.toLocaleString()+"<br />");
}
/***********数学对象*****************/
function testMath(){
//获得随机数
//随机数范围是0-1
var ran=Math.random()*1000;
console.log(ran);
//向下取整 756.9714434215177 ==756
console.log(Math.floor(ran));
//向上取整 398.06376470341377==398
console.log(Math.ceil(ran));
//获得4位随机数--验证码
console.log(Math.floor(Math.random()*9000+1000) );
}
testMath();
</script>
</head>
<body>
</body>
</html>
第9节 常用对象学习 2
String 对象学习
var a="b-j-s-x-t"; var b=new String("bjsxt");
//获得下标为2的内容
document.write(b.charAt(2)+" ");
//2 :获得下标 document.write(b.indexOf("sxt")+" ");
//字符串截取 开始下标 截取长度
document.write(b.substr(2,3)+" ");
// 截取开始的长度
document.write(b.substr(1)+" ");
//字符串截取 开始下标 结束的下标
document.write(b.substring(2,3)+" ");
//开始下标
document.write(b.substr(2)+" ");
//字符串截取的方法
document.write(a.split("-"));
Global 对象
var a=1; var b="var c=1+1";
document.write(a+" ");
document.write(b+" ");
//把字符串转成可以执行的js的代码
eval(b);
document.write(c+" ");
var d="123a"; Number(d);
//NAN
// 检查某个值是否是数字。
document.write(isNaN(d));
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
/************String对象学习**************/
function testString(){
var a="b-j-s-x-t";
var b=new String("bjsxt");
//获得下标为2的内容
document.write(b.charAt(2)+"<br />");
//2 :获得下标
document.write(b.indexOf("sxt")+"<br />");
//字符串截取 开始下标 截取长度
document.write(b.substr(2,3)+"<br />");
// 截取开始的长度
document.write(b.substr(1)+"<br />");
//字符串截取 开始下标 结束的下标
document.write(b.substring(2,3)+"<br />");
//开始下标
document.write(b.substr(2)+"<br />");
//字符串截取的方法
document.write(a.split("-"));
}
/***************Global对象学习********/
function testGlobal(){
var a=1;
var b="var c=1+1";
document.write(a+"<br />");
document.write(b+"<br />");
//把字符串转成可以执行的js的代码
eval(b);
document.write(c+"<br />");
var d="123a";
Number(d);//NAN
// 检查某个值是否是数字。
document.write(isNaN(d));
}
testGlobal();
</script>
</head>
<body>
</body>
</html>
第10—11节 数组学习
数组的声明方式
function demo1(){
//方式一
var arr=new Array();
//方式二 5代表数组的长度
var arr2=new Array(5);
console.log(arr2);
//方式三
var arr3=new Array("你好",123,new String(),true);
console.log(arr3);
//方式四 var arr4=["bjsxt",123,new Date(),false];
}
数组的使用
function demo2(){
var arr=[]; arr[0]="李时珍的皮";
arr[1]=true; arr[2]=new Date();
arr[6]=12;
//js中数组的下标可以不连续 如果没有给值就是empty
console.log(arr);
}
数组的扩容
function demo3(){
var arr=["bjsxt",123,new Date(),false]; console.log(arr.length);
//扩大数组
empty arr.length=10;
//缩小数组
arr.length=2;
console.log(arr);
}
数组的遍历
function demo4(){
//方式一
var arr=["bjsxt",123,new Date(),false]
; for(var i=0;i<arr.length;i++){
console.log(arr[i]);
}
//方式二 i:是数组的下标
for(var i in arr){ console.log(arr[i]);
} }
数组中常用的方法
function demo5(){
var arr=["bjsxt",123,new Date(),false];
console.log(arr);
//向数组的末尾添加一个或更多元素,并返回新的长度。
arr.push("我们");
// 删除并返回数组的最后一个元素
arr.pop();
//向数组的开头添加一个或更多元素,并返回新的长度。
arr.unshift("你好");
//移除第一个元素
arr.shift();
// 删除开始的下标 删除的个数
arr.splice(1,2)
//添加的操作
arr.splice(1,0,"你") }
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
/*********数组的声明方式*****************/
function demo1(){
//方式一
var arr=new Array();
//方式二 5代表数组的长度
var arr2=new Array(5);
// console.log(arr2);
//方式三
var arr3=new Array("你好",123,new String(),true);
console.log(arr3);
//方式四
var arr4=["bjsxt",123,new Date(),false];
}
/*********数组的使用**************/
function demo2(){
var arr=[];
arr[0]="李时珍的皮";
arr[1]=true;
arr[2]=new Date();
arr[6]=12;
//js中数组的下标可以不连续 如果没有给值就是empty
console.log(arr);
}
/*******数组的扩容********************/
function demo3(){
var arr=["bjsxt",123,new Date(),false];
console.log(arr.length);
//扩大数组 empty
// arr.length=10;
//缩小数组
arr.length=2;
console.log(arr);
}
/******数组的遍历******************/
function demo4(){
//方式一
var arr=["bjsxt",123,new Date(),false];
for(var i=0;i<arr.length;i++){
console.log(arr[i]);
}
//方式二 i:是数组的下标
for(var i in arr){
console.log(arr[i]);
}
}
/********数组中常用的方法*********************/
function demo5(){
var arr=["bjsxt",123,new Date(),false];
console.log(arr);
//向数组的末尾添加一个或更多元素,并返回新的长度。
//arr.push("我们");
// 删除并返回数组的最后一个元素
// arr.pop();
// 向数组的开头添加一个或更多元素,并返回新的长度。
// arr.unshift("你好");
//移除第一个元素
// arr.shift();
// 删除开始的下标 删除的个数
// arr.splice(1,2)
//添加的操作
arr.splice(1,0,"你");
console.log(arr);
}
demo5();
</script>
</head>
<body>
</body>
</html>