java基础62 JavaScript中的函数（网页知识）
1、JavaScript中，函数的格式
function 函数名(形参列表){
函数体;
}
2、JavaScript中，函数需要注意的细节
1.在javaScript中，函数定义形参时，是不能使用var关键字声明变量。
2.在javaScript中，没有返回值类型，如果函数需要返回给调用者,直接返回（return）即可，如果不需要返回，则不返回。
3.在javaScript中，没有重载的概念，后定义的函数会覆盖前面定义的函数。
4.在javaScript中，任意函数内部都隐式维护了一个arguments(数组)的对象，给函数传值的时候，会先传递给arguments对象，然后再由arguments对象分配数据给形参。
3、实例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript中的函数的练习</title>
</head>
<script type="text/javascript">
//需求：定义一个函数做加法运算
function add(a,b){
var c=a+b;
document.write(c+"<br/>");//返回值：33 //打开下面的函数后，这里没有输出任何值，已经被下面的函数覆盖了
return c;
}
//var d=add(11,22,13,34,14,15);
//document.write(d+"<br/>");//返回值：33 add(11,22,13,34,14,15)
function add(a,b,c){
var d=a+b+c;
document.write(d+"<br/>");//返回值：46
document.write(arguments.length);//返回值：6 //获取内部维护的数组arguments的(数组)长度
}
</script>
<body>
</body>
</html>
实例结果图
附录1（查询本月份共有多少天）
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript函数练习</title>
</head>
<script type="text/javascript">
//需求：输入月份查询本月份共有多少天，用弹出框的形式
function getNowFormatDate(){//获取系统当前年份
var date = new Date();
var Year = date.getFullYear();
return Year;//谁调用该函数，就把值给谁
} function showDay(){
//找到对应标签的对象
var inpuobj=document.getElementById("month");
var month=inpuobj.value;//获取页面输入的值
/*
month=parseInt(month);
switch(month){
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
alert("本月有31天");
break; case 4:
case 6:
case 9:
case 11:
alert("本月有30天");
break; case 2:
alert("本月有29天");
break; default:
alert("您的输入有误，请重新输入！");
break;
}
*/
var year = getNowFormatDate();//调用getNowFormatDate()函数,把该函数中获取到的系统当前年份赋值给year
if(month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12){
alert("本月有31天");
}else if(month == 2){
if((year % 4 == 0 && year % 100 != 0) || (year % 400 == 0)){
alert("今年是闰年，本月有29天");
}else{
alert("今年是平年，本月有28天");
}
}else if(month == 4 || month == 6 || month == 9 || month == 11){
alert("本月有30天");
}else{
alert("您的输入有误，请重新输入！");
}
}
</script>
<body>
月份:<input type="text" id="month"/> <input type="button" value="查询" onClick="showDay()"/>
</body>
</html>
结果图
附录2 （日历练习1）
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript简单日历</title>
</head>
<style type="text/css">
#div1{
width:425px;
height:420px;
border:1px solid gray;
}
#div2{
width:390px;
height:390px;
margin:auto;
margin-top:15px;
}
#div21{
width:220px;
height:72px;
margin:auto;
line-height:72px;
margin:auto;
}
#div22{
width:355px;
height:310px;
margin:auto;
}
#table1{
width:355px;
height:30px;
border-spacing: 30px 33px;
}
#table2{
width:355px;
height:30px;
line-height:30px;
border-spacing:30px 0px;
text-align:center;
}
table tr td {
text-align:center;
}
</style> <body>
<div id="div1">
<div id="div2">
<div id="div21">
<button onclick="lastMon()">上一月</button>
<text id="yearAndMon"></text>
<button onclick="nextMon()">下一月</button>
</div>
<div id="div22">
<table id="table2">
<tr class="pan">
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
</tr>
</table>
<table id="table1"></table>
</div>
</div>
</div>
<script type="text/javascript">
var nowDate=new Date();
var nowYear=nowDate.getFullYear();
var nowMonth=nowDate.getMonth()+1;
//var month=(nowMonth<10?"0"+momth:month);
var text=document.getElementById("yearAndMon");
text.innerText=nowYear+"年"+nowMonth+"月";
var monthDays1=[31,29,31,30,31,30,31,31,30,31,30,31];
var monthDays2=[31,28,31,30,31,30,31,31,30,31,30,31] function becomeDate(nowYear,nowMonth,nowDate){
var dt=new Date(nowYear,nowMonth-1,1);
var firstDay=dt.getDay();
var table=document.getElementById("table1");
var monthDays=isRunNian();
var rows=5;
var cols=7;
var k=1;
for(var i=1;i<=rows;i++){
var tri=table.insertRow();
for(var j=1;j<=7;j++){
var tdi=tri.insertCell();
if(i==1&&i*j<firstDay+1){
tdi.innerHTML="";
}else{
if(k>monthDays[nowMonth-1]){
break;
}
tdi.innerHTML=k;
k++;
}
}
}
} function lastMon(){
table1.innerHTML="";
var text=document.getElementById("yearAndMon");
if(nowMonth>1){
nowMonth=nowMonth-1;
}else{
nowYear--;
nowMonth=12;
}
text.innerText=nowYear+"年"+nowMonth+"月";
becomeDate(nowYear,nowMonth);
} function nextMon(){
table1.innerHTML="";
if(nowMonth<12){
nowMonth=nowMonth+1;
}else{
nowYear++;
nowMonth=1;
}
var text=document.getElementById("yearAndMon");
text.innerText=nowYear+"年"+nowMonth+"月";
becomeDate(nowYear,nowMonth);
} function isRunNian(){
if((nowYear%4==0||nowYear%400==0)&&nowYear%100!=0){
return monthDays1;
}else{
return monthDays2;
}
}
becomeDate(nowYear,nowMonth);
</script>
</body>
</html>
结果图
附录3（日历练习2）
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript日历练习</title>
</head>
<style type="text/css">
.today{
background-color:#0078D7;
}
</style>
<script type="text/javascript">
function getNowFormatDate(){//获取系统当前年月份
var date = new Date();
var Year = date.getFullYear();
var Month=date.getMonth()+1;
Month =(Month<10 ? "0"+Month:Month);
var mydate = (Year+"年"+Month+"月");
document.write(mydate+"<br/>");
//return mydate;//谁调用该函数，就把值给谁
}
getNowFormatDate();//必须调用该函数，才会有相应的输出结果；否则什么都没有输出。 //判断当前年份是否是闰年(闰年2月份有29天，平年2月份只有28天)
function isLeap(year) {
return year % 4 == 0 ? (year % 100 != 0 ? 1 : (year % 400 == 0 ? 1 : 0)) : 0;
}
var i, k,
today = new Date(),//获取当前日期
y = today.getFullYear(),//获取日期中的年份
m = today.getMonth(),//获取日期中的月份(需要注意的是：月份是从0开始计算，获取的值比正常月份的值少1)
d = today.getDate(),//获取日期中的日(方便在建立日期表格时高亮显示当天)
firstday = new Date(y, m, 1),//获取当月的第一天
dayOfWeek = firstday.getDay(),//判断第一天是星期几(返回[0-6]中的一个，0代表星期天，1代表星期一，以此类推)
days_per_month = new Array(31, 28 + isLeap(y), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31),//创建月份数组
str_nums = Math.ceil((dayOfWeek + days_per_month[m]) / 7);//确定日期表格所需的行数 document.write("<table cellspacing='12'><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr>"); //打印表格第一行(显示星期)
for (i = 0; i < str_nums; i++) {//二维数组创建日期表格
document.write('<tr>');
for (k = 0; k < 7; k++) {
var idx = 7 * i + k; //为每个表格创建索引,从0开始
var date = idx - dayOfWeek + 1;//将当月的1号与星期进行匹配
(date <= 0 || date > days_per_month[m]) ? date = ' ': date = idx - dayOfWeek + 1; //索引小于等于0或者大于月份最大值就用空表格代替
date == d ? document.write('<td class="today">' + date + '</td>') : document.write('<td>' + date + '</td>'); //高亮显示当天
}
document.write('</tr>');
}
document.write('</table>');
</script>
<body>
</body>
</html>
结果图
附录4（日期、时间练习）
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript日期练习</title>
</head>
<script type="text/javascript">
function getNowFormatDate(){//获取系统当前年月份
var date = new Date();
var Year = date.getFullYear();
var Month=date.getMonth()+1;
Month =(Month<10 ? "0"+Month:Month);
//注意，Year.toString()+Month.toString()不能写成Year+Month。不然,如果月份大于等于10，则月份为数字，会和年份相加，如201210，则会变为2022。
var mydate = (Year.toString()+Month.toString());
document.write(mydate+"<br/>");
//return mydate;//谁调用该函数，就把值给谁
}
getNowFormatDate(); function getNowFormatDate2(){
var date = new Date();
var seperator1 = "-";
var seperator2 = ":";
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9){
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9){
strDate = "0" + strDate;
}
var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
+ " " + date.getHours() + seperator2 + date.getMinutes()
+ seperator2 + date.getSeconds();
document.write(currentdate);//得到当前完整时间，如：XXXX-XX-XX xx:xx:xx
//return currentdate;
}
getNowFormatDate2();
</script>
<body> </body>
</html>
结果图
|
原创作者：DSHORE 作者主页：http://www.cnblogs.com/dshore123/ 原文出自：https://www.cnblogs.com/dshore123/p/9447785.html 欢迎转载，转载务必说明出处。（如果本文对您有帮助，可以点击一下右下角的 推荐，或评论，谢谢！） |
java基础62 JavaScript中的函数（网页知识）的更多相关文章
- java基础66 JavaScript中的事件、localtion对象、screen对象（网页知识）
1.JavaScript中的事件注册 1.1.事件的注册方式 方式1:直接在html元素上注册 <body onLoad="ready()"></body > ...
- java基础64 JavaScript中的Arrays数组对象和prototype原型属性（网页知识）
1.Arrays数组对象的创建方式 方式一: var 变量名=new Array(); //创建一个长度为0的数组. 方式二: var 变量名=new Array(长度); //创建一个指定长度的数组 ...
- java基础63 JavaScript中的Number、Math、String、Date对象（网页知识）
本文知识点(目录): 1.Number对象 2.Math对象 3.String对象 4.Date对象 (日历例子) 1.Number对象 1.1.Number对象的创建方式 方式1: ...
- java基础65 JavaScript中的Window对象（网页知识）
1.javaScript组成部分 1.EMCAScript(基本语法) 2.BOM(Browser Object Model):浏览器对象模型 浏览器对象模型中的浏览器的各 ...
- Javascript中的函数（三）
一:概述 函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解.JavaScript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的.通过函数对象的性质 ...
- JavaScript中Function函数与Object对象的关系
函数对象和其他内部对象的关系 除了函数对象,还有很多内部对象,比如:Object.Array.Date.RegExp.Math.Error.这些名称实际上表示一个 类型,可以通过new操作符返回一个对 ...
- JavaScript中Eval()函数的作用
这一周感觉没什么写的,不过在研究dwz源码的时候有一个eval()的方法不是很了解,分享出来一起学习 -->首先来个最简单的理解 eval可以将字符串生成语句执行,和SQL的exec()类似. ...
- 浅析 JavaScript 中的 函数 currying 柯里化
原文:浅析 JavaScript 中的 函数 currying 柯里化 何为Curry化/柯里化? curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字 ...
- 谈谈javascript 中的函数问题
聊聊javascript中的函数 本文可作为李刚<疯狂htmlcssjavas讲义>的学习笔记 先说一个题外话 前几天在知乎上流传着一个对联 上联是雷锋推到雷峰塔 nnd 这是什么对联? ...
随机推荐
- 【poj1743】 Musical Theme
http://poj.org/problem?id=1743 (题目链接) 题意 给出n个音符的乐谱,求其中不重叠的重复最长连续段,重复连续段的定义为两段音符起伏相同. Solution 论文题,相邻 ...
- 【bzoj1078】 SCOI2008—斜堆
http://www.lydsy.com/JudgeOnline/problem.php?id=1078 (题目链接) 题意 给出一个斜堆,并给出其插入的操作,求一个字典序最小的插入顺序. Solut ...
- java多线程 -- ReadWriteLock 读写锁
写一条线程,读多条线程能够提升效率. 写写/读写 需要“互斥”;读读 不需要互斥. ReadWriteLock 维护了一对相关的锁,一个用于只读操作,另一个用于写入操作.只要没有 writer,读取锁 ...
- 团体程序设计天梯赛 L1-011. A-B
读入的是字符串,数组大小至少为字符串长度+1 #include <stdio.h> #include <stdlib.h> #include <string.h> ...
- POI导入excel文件2
POI上传到服务器读取excel文件1中已经介绍了上传文件和导入excel所有的内容http://www.cnblogs.com/fxwl/p/5896893.html , 本文中只是单单读取本地文件 ...
- 不知道怎么改的尴尬R语言的ARIMA模型预测
数据还有很多没弄好,程序还没弄完全好. > read.xlsx("H:/ProjectPaper/论文/1.xlsx","Sheet1") > it ...
- 【题解】Willem, Chtholly and Seniorious Codeforces 896C ODT
Prelude ODT这个东西真是太好用了,以后写暴力骗分可以用,写在这里mark一下. 题目链接:ヽ(✿ﾟ▽ﾟ)ノ Solution 先把原题解贴在这里:(ﾉ*･ω･)ﾉ 简单地说,因为数据是全部随 ...
- NO.2day 操作系统基础
操作系统基础 1.为什么要有操作系统 操作系统为用户程序提供一个更好.更简单.更清晰的计算机模型,并管理刚才提到的所有设备(磁盘.内存.显示器.打印机等).程序员无法把所有的硬件操作细节都了解到,管理 ...
- npm 5.4.2 更新后就不能用了
今天刚,npm run dev 就出现更新提示,没多想就更了, 更新用了49S,下来npm 的所以命令包一个semer的插件 ... 最后下载新node 8.5覆盖安装, 就解决了, node 8.5 ...
- C/C++中的回调函数
在理解“回调函数”之前,首先讨论下函数指针的概念. 函数指针 (1)概念:指针是一个变量,是用来指向内存地址的.一个程序运行时,所有和运行相关的物件都是需要加载到内存中,这就决定了程序运行时的任何物件 ...