javascript年龄,javascript计算年龄

使用javascript获取当前年份并且使用对话框弹出。

第一种：alert()方法

创新互联主要业务有网站营销策划、成都做网站、成都网站设计、成都外贸网站建设、微信公众号开发、小程序开发、HTML5建站、程序开发等业务。一次合作终身朋友，是我们奉行的宗旨；我们不仅仅把客户当客户，还把客户视为我们的合作伙伴，在开展业务的过程中，公司还积累了丰富的行业经验、营销型网站资源和合作伙伴关系资源，并逐渐建立起规范的客户服务和保障体系。 

alert()方法是这三种对话框中最容易使用的一种，她可以用来简单而明了地将alert()括号内的文本信息显示在对话框中，我们将它称为警示对话框，要显示的信息放置在括号内。

该对话框上包含一个“确认”按钮，用户阅读完所显示的信息后，只需单击该按钮就可以关闭对话框。下面来看一个使用alert()方法的例子，代码如下所示：

html

head

title编写html页面/title

script language="javascript" //JavaScript脚本标注

alert("上联：山石岩下古木枯");//在页面上弹出上联

alert("下联：白水泉边少女妙");//在页面上弹出下联

/script

/head

/html

第二种：confirm()方法

confirm()方法与alert()方法的使用十分类似，不同点是在该种对话框上除了包含一个“确认”按钮外，还有一个“取消”按钮。

这种对话框称为确认对话框，在调用window对象的confirm()方法以及后面介绍的prompt()方法时也可以不写window。下面来看一个关于confirm()的小例子，代码如下所示：

html

head

title编写html页面/title

script language="javascript" //js脚本标注

confirm("上联：一旦重泥拦子路；下联：两岸夫子笑颜回"); //在页面上弹出确认对话框

/script

/head

/html

第三种： prompt()方法

alert()方法和confirm()方法的使用十分类似，都是仅仅显示已有的信息，但用户不能输入自己的信息，但是prompt()可以做到这点，她不但可以显示信息，而且还提供了一个文本框要求用户使用键盘输入自己的信息。

同时她还包含“确认”或“取消”两个按钮，如果用户“确认”按钮，则prompt()方法返回用户在文本框中输入的内容（是字符串类型)或者初始值(如果用户没有输入信息)。

如果用户单击“取消”按钮，则prompt()方法返回null，我们称这种对话框为提示框，在这三种对话框中，她的交互性最好。

看下面一个小例子：在页面上两次弹出提示对话框，使用户能输入有关信息，代码如下： 

html

head

title编写html页面/title

script language="javascript" //js脚本标注

var name,age;

name=prompt("请问你叫什么名字?"); /*在页面上弹出提示对话框，

将用户输入的结果赋给变量name*/

alert(name); //输出用户输入的信息

age=prompt("你今年多大了?","请在这里输入年龄"); /*在页面上再一次弹出提示对话框，

讲用户输入的信息赋给变量age*/

alert(age)//输出用户输入的信息

/script

/head

/html

扩展资料：

警告框alert()：

alert是警告框，只有一个按钮“确定”无返回值，警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。语法：alert("文本")。

确认框confirm()：

confirm是确认框，两个按钮，确定或者取消，返回true或false。确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。语法：confirm("文本")

提示框prompt()：

prompt是提示框，返回输入的消息，或者其默认值提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。语法：prompt("文本","默认值")

用js计算年龄（精确到天）

需求：

需要实现 1岁2月3天 这样的格式

方法：

此方法参考了：

小孩子可以学习JavaScript吗？难吗？

JavaScript作为目前比较主流的语言，其学习起来是有一定难度的，所以对于孩子的年龄也是有一定的限制。以童程童美为例，我们JavaScript的课程建议学习年龄是从8岁开始，这个年龄阶段，孩子有了一些数学、英语的基础，更方便孩子学习。如果目前孩子还不足8岁，可以考虑学习Scratch语言。

童程童美少儿编程课程，面向6-18岁青少年儿童，依托达内教育集团16年IT编程教育经验和上千名精英教研团队等教育资源优势，研发出一套系统的少儿编程课程体系，内容涵盖少儿启蒙编程（Scratch）和少儿趣味编程（JavaScript、HTML、CSS、Java等），能够实现不仅仅让小孩学会编程，更希望通过他们的中小学阶段的培训激发他们对程序的认识和热爱，激发他们对计算机和it互联网的认识和热爱。同时培养编程思维，提高中国孩子的综合能力和素质。课程流动课堂目前以走进全国130多所中小学公立校，受到教育界和学生家长的高度认可。

如何在JAVASCRIPT中验证年龄

给你一个日历控件

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Language" content="zh-cn" /

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titleJCalendar 日历控件/title

style type="text/css"

#calendar {

border-collapse:collapse;

border:1px solid #06C;

background-color:#FFF;

width:160px;

height:120px;

font-size:12px;

font-family:'Lucida Grande','Lucida Sans Unicode','宋体','新宋体',arial,verdana,sans-serif;

cursor:default;

}

#calendar td {

text-align:center;

vertical-align:middle;

font-family:"宋体";

}

#calendar thead {

background-color:#06C;

color:#FFF;

}

#calendar div {

width:100%;

height:100%;

}

#calendar caption span {

cursor:pointer;

}

#calendar #calendar_title {

cursor:default;

}

/style

script type="text/javascript"

/***************************

*JCalendar日历控件

*@author brull

*@email [email]brull@163.com[/email]

*@date 2007-4-16

***************************/

/*

*@param year 年份

*@param month 月份

*@param date 日期

*/

/*如果参数不足三个那么就初始化为当天日期*/

function JCalendar (year,month,date) {

var _date = arguments.length == 0 ? new Date() : new Date(year,month-1,date);

//实例变量

this.year = _date.getFullYear();

this.month = _date.getMonth() + 1;

this.fday = new Date(this.year,this.month-1,1).getDay();//每月第一天的前一天星期数

this.dayNum = new Date(this.year,this.month,0).getDate();//每月的天数

//成员变量，当前年月日

JCalendar.cur_year = this.year;

JCalendar.cur_month = this.month;

JCalendar.cur_date = _date.getDate();

}

JCalendar.prototype.show = function(){

var date = new Array(this.fday 0 ? this.day : 0);//预先定义一段空数组，对应日历里第一周空的位置

var html_str = new Array();

var date_index = 0;

var weekDay = ["日","一","二","三","四","五","六"];

for(var j = 1; j = this.dayNum; j++){//初始化date数组

date.push(j);

}

html_str.push("table id='calendar'");

html_str.push("captionspan title='上一年份' onmouseover=\"this.style.color='#F90'\" onmouseout=\"this.style.color='#09F'\" onclick=\"JCalendar.update(-12);return false\" style='color:#09F;font-size:16px;margin-right:5px;'«/spanspan title='上一月份' onmouseover=\"this.style.color='#F90'\" onmouseout=\"this.style.color='#09F'\" onclick=\"JCalendar.update(-1);return false\" style='margin-right:15px;color:#09F;'▲/spanspan id='calendar_title'" + this.year + "年" + this.month + "月/spanspan title='下一月份' onclick=\"JCalendar.update(1);return false\" onmouseover=\"this.style.color='#F90'\" onmouseout=\"this.style.color='#09F'\" style='margin-left:15px;color:#09F;'▼/spanspan title='下一年份' onclick=\"JCalendar.update(12);return false\" onmouseover=\"this.style.color='#F90'\" onmouseout=\"this.style.color='#09F'\" style='font-size:16px;margin-left:5px;color:#09F;'»/span/caption");

html_str.push("theadtr");

for(var i = 0; i 7; i++){//填充日历头

html_str.push("td" + weekDay[i] + "/td");

}

html_str.push("/tr/thead");

html_str.push("tbody");

for(var i = 0; i 6; i++){//填充日期

html_str.push("tr");

for(var j = 0; j 7; j++){

tmp = date[date_index++];

tmp = tmp ? tmp : "";

if(JCalendar.cur_date == tmp)

html_str.push("tdspan id='c_today' style='background-color:#036;color:#FFF;'" + JCalendar.cur_date + "/span/td");

else if(tmp == "")

html_str.push("td/td");

else

html_str.push("tddiv onmouseover=\"this.style.backgroundColor='#CCC'\" onmouseout=\"this.style.backgroundColor=''\" onclick='JCalendar.click(this)'" + tmp + "/div/td");

}

html_str.push("/tr");

}

html_str.push("/tbody/table");

return html_str.join("");

}

//静态方法

JCalendar.update = function(_month){

var date = new Date(JCalendar.cur_year,JCalendar.cur_month - 1 + _month,1);

var fday = date.getDay();//每月第一天的星期数

var year = date.getFullYear();

var month = date.getMonth() + 1;

var dayNum = new Date(JCalendar.cur_year,JCalendar.cur_month + _month,0).getDate();//每月的天数

var tds = document.getElementById("calendar").getElementsByTagName("td");

for(var i = 7; i tds.length; i++)//清空日历内容

tds[i].innerHTML = "";

document.getElementById("calendar_title").innerHTML = year + "年" + month + "月";//更新显示年月

//更新当前年月

JCalendar.cur_year = year;

JCalendar.cur_month = month;

for(var j = 1; j = dayNum; j++){

if(j == JCalendar.cur_date)

tds[6 + fday + j].innerHTML = "span id='c_today' style='background-color:#036;color:#FFF;'" + JCalendar.cur_date + "/span";

else

tds[6 + fday + j].innerHTML = "div onmouseover=\"this.style.backgroundColor='#CCC'\" onmouseout=\"this.style.backgroundColor=''\" onclick='JCalendar.click(this)'" + j + "/div";

}

JCalendar.onupdate(year,month,JCalendar.cur_date);

}

JCalendar.onupdate = function(year,month,date){//日历更改时执行的函数，可以更改为自己需要函数,控件传递过来的参数为当前日期

alert(year + "年" + month + "月" + date + "日");

}

JCalendar.click = function(obj){

var tmp = document.getElementById("c_today");

tmp.parentNode.innerHTML = "div onmouseover=\"this.style.backgroundColor='#CCC'\" onmouseout=\"this.style.backgroundColor=''\" onclick='JCalendar.click(this)'" + tmp.innerHTML + "/div";

JCalendar.cur_date = parseInt(obj.innerHTML);

obj.parentNode.innerHTML = "span id='c_today' style='background-color:#036;color:#FFF;'" + obj.innerHTML + "/span";

JCalendar.onclick(JCalendar.cur_year,JCalendar.cur_month,JCalendar.cur_date);

}

JCalendar.onclick = function(year,month,date){//点击日期时执行的函数，可以更改为自己需要函数,控件传递过来的参数为当前日期

alert(year + "年" + month + "月" + date + "日");

}/script

/head

body

div id="calendar_contain"/div

script type="text/javascript"

/***************说明***************

JCalendar.onclick (year,month,date)//点击日期时执行的静态函数，可以更改(或者覆盖)为自己需要函数,控件传递过来的参数为当前日期

JCalendar.onupdate (year,month,date){//日历更改时执行的函数，可以更改(或者覆盖)为自己需要函数,控件传递过来的参数为当前日期

***********************************/

//一个例子

JCalendar.onclick = function (year,month,date){

alert("today is:" + year + "-" + month + "-" + date);

}

document.getElementById("calendar_contain").innerHTML = new JCalendar().show();

/script

/body

/html

那样比用输入年龄好一些！

问一下，JavaScript输入年龄，然后在弹窗显示年龄阶段，我这个代码不太行，怎么改？

改成下面这样

var age = prompt('请输入您的年龄','15');

age = Number(age);

prompt返回的是字符串，你条件判断都是数字大小判断，要把字符串string转成数字类型Number,