- 函数
1.函数的作用,可以写一次代码,然后反复地重用这个代码。
2.定义函数
function 函数名( ){
函数体;
}
函数调用:就是直接调用函数名
3.函数调用:函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。
第一种情况:在<script>标签内调用。
无参数的函数的例子:
<script type="text/javascript">
function add2()
{
sum = 1 + 1;
alert(sum);
}
add2();//调用函数,直接写函数名。
< /script>
第二种情况:在HTML档中调用,如通过点击按钮后调用定义好的函数。
<input type="button" value="click it" οnclick="add2()">
按钮,onclick点击事件,直接写函数名
4.有参数的函数
var 参数2;
function 函数名(var 参数1,参数2)
{
函数代码;
}
注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。
function add2(x,y)
{
sum = x + y;
document.write(sum);
}
add2(3,34);//函数调用
5.返回值的函数
思考:上一节函数中,通过"document.write"把结果输出来,
如果想对函数的结果进行处理怎么办呢?
function add2(x,y)
{
sum = x + y;
return sum; //返回函数值,return
Onchange:文本改变事件
例子语句:<meta name="viewport" content="width=device-width" />这句代码是网页适应各种浏览器
<input type="text" class="form-control" οnchange="funOnchange()" id="txtFun"/>意思是文本框
datetime是日期框;date:取决于<input>是文本框还是日期框
Class和事件都是标签的属性
二、内置对象 日期对象
1.什么对象
1-1、JavaScript 中的所有事物都是对象,
如:字符串、数值、数组、函数等,每个对象带有属性和方法。
1-2、对象的属性:反映该对象某些特定的性质的,
如:字符串的长度、图像的长宽等;
1-3、对象的方法:能够在对象上执行的动作。
例如,表单的“提交”(Submit),时间的“获取”(getYear)等;
1-4、JavaScript 提供多个内建对象,比如 String、Date、Array 等等,
1-5、使用对象前先定义,如下使用数组对象:
var objectName =new Array();//使用new关键字定义对象
或者var objectName =[];
访问对象属性的语法:
objectName.propertyName{访问的时候,用“.“点出它们的属性}
访问对象的方法:
objectName.methodName()
2.Date日期对象(内制对象)
2-1.日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。
定义一个时间对象 :
var Udate=new Date();
注意:使用关键字new,Date()的首字母必须大写。
使 Udate 成为日期对象,并且已有初始值:当前时间(当前计算机系统时间)。
2-2.如果要自定义初始值,可以用以下方法:
var d = new Date(2012, 10, 1); //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日
getDate()/setDate() 返回/设置日期 获取值 设计值
getFullYear()/setFullYear() 返回/设置日期,用四位数表示 例如:2017年
getYear()/setYear() 返回/设置年份 获取的是两位数,17年
getMonth()/setMonth() 返回/设置月份 从开始0:一月 1:二月 11:十二月
getHours()/setHours() 返回/设置小时,24小时制
getMinutes()/setMinutes() 返回/设置分钟数
getSeconds()/setSeconds() 返回/设置秒钟数
getTime()/setTime() 返回/设置时间(毫秒为单位)
//获取当前的日期时间 格式“yyyy-MM-dd HH:MM:SS”
例子1:var mydate = new Date(); 当前时间
alert/console.log(mydate.getDate());输进控制器中 显示出来
alert(mydate.getDay())
获取的是几号
获取的是星期几
注意:getDay() 返回星期,返回的是0-6的数字,0 表示星期天。刚好获取数组的下表
如果要返回相对应“星期”,通过数组完成,代码如下:
例如2:var mydate = new Date();//定义日期对象
var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];存储的数组,存储了每一个元素都有 直接赋值
例子:3:定义数组对象,给每个数组项赋值
var mynum = mydate.getDay();//返回值存储在变量mynum中,返回表示星期的某一天的数字 声明变量
document.write("输出mydate.getDay():" + mynum + "<br>");//输出getDay()获取值
document.write("今天是:" + weekday[mynum] + "<br>");//输出星期几
结果:
返回/设置时间方法
get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时
到日期对象所指的日期的毫秒数
例子4: var mydate = new Date();声明变量
document.write("当前时间:" + mydate + "<br>");这句话的意思是看一下当前时间
mydate.setTime(mydate.getTime() + 60 * 60 * 1000);//加深一个小时+分x秒x毫秒
document.write("推迟一小时时间:" + mydate + "<br>");
结果:当前时间:Sat(星期) Jan (月)27(号) 2018(年) 20:18:55(时间) GMT+0800 (中国标准时间)
推迟一小时时间:Sat Jan 27 2018 21:18:55 GMT+0800 (中国标准时间)
2018-01-27 20:18:55
例子5 function getNowFormatDate() {定义了一个函数
//声明一个日期内置对象
var date = new Date();
var seperator1 = "-"; //声明符号
var seperator2 = ":";
var year = date.getFullYear();//年
var month = date.getMonth() + 1;//月
var strDate = date.getDate();//日
var hours = date.getHours();//小时
var Minute = date.getMinutes();//分
var Second = date.getSeconds();//秒
if (month >= 1 && month <= 9) { 判断month是否>=1,<=9.
month = "0" + month;//在前面拼接0.例子:01
}
if (strDate >= 1 && strDate <= 9) {判断strDate是否>=1,<=9.
strDate = "0" + strDate;
}
var enddate = year + seperator1 + month + seperator1 + strDate + "\t" + hours + seperator2 + Minute + seperator2 + Second;空格符 用字符串拼接
return enddate;//返回日期
}
document.write(getNowFormatDate());函数写在文档上
结果:2018-01-27 21:29:0