JavaScript函数和内置对象、日期对象

  • 函数

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);//加深一个小时+xx毫秒

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值