使用javascript獲取當(dāng)前年份并且使用對(duì)話框彈出。

第一種：alert()方法

創(chuàng)新互聯(lián)主要業(yè)務(wù)有網(wǎng)站營(yíng)銷策劃、成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、小程序開(kāi)發(fā)、HTML5建站、程序開(kāi)發(fā)等業(yè)務(wù)。一次合作終身朋友，是我們奉行的宗旨；我們不僅僅把客戶當(dāng)客戶，還把客戶視為我們的合作伙伴，在開(kāi)展業(yè)務(wù)的過(guò)程中，公司還積累了豐富的行業(yè)經(jīng)驗(yàn)、營(yíng)銷型網(wǎng)站資源和合作伙伴關(guān)系資源，并逐漸建立起規(guī)范的客戶服務(wù)和保障體系。 

alert()方法是這三種對(duì)話框中最容易使用的一種，她可以用來(lái)簡(jiǎn)單而明了地將alert()括號(hào)內(nèi)的文本信息顯示在對(duì)話框中，我們將它稱為警示對(duì)話框，要顯示的信息放置在括號(hào)內(nèi)。

該對(duì)話框上包含一個(gè)“確認(rèn)”按鈕，用戶閱讀完所顯示的信息后，只需單擊該按鈕就可以關(guān)閉對(duì)話框。下面來(lái)看一個(gè)使用alert()方法的例子，代碼如下所示：

html

head

title編寫(xiě)html頁(yè)面/title

script language="javascript" //JavaScript腳本標(biāo)注

alert("上聯(lián)：山石巖下古木枯");//在頁(yè)面上彈出上聯(lián)

alert("下聯(lián)：白水泉邊少女妙");//在頁(yè)面上彈出下聯(lián)

/script

/head

/html

第二種：confirm()方法

confirm()方法與alert()方法的使用十分類似，不同點(diǎn)是在該種對(duì)話框上除了包含一個(gè)“確認(rèn)”按鈕外，還有一個(gè)“取消”按鈕。

這種對(duì)話框稱為確認(rèn)對(duì)話框，在調(diào)用window對(duì)象的confirm()方法以及后面介紹的prompt()方法時(shí)也可以不寫(xiě)window。下面來(lái)看一個(gè)關(guān)于confirm()的小例子，代碼如下所示：

html

head

title編寫(xiě)html頁(yè)面/title

script language="javascript" //js腳本標(biāo)注

confirm("上聯(lián)：一旦重泥攔子路；下聯(lián)：兩岸夫子笑顏回"); //在頁(yè)面上彈出確認(rèn)對(duì)話框

/script

/head

/html

第三種： prompt()方法

alert()方法和confirm()方法的使用十分類似，都是僅僅顯示已有的信息，但用戶不能輸入自己的信息，但是prompt()可以做到這點(diǎn)，她不但可以顯示信息，而且還提供了一個(gè)文本框要求用戶使用鍵盤(pán)輸入自己的信息。

同時(shí)她還包含“確認(rèn)”或“取消”兩個(gè)按鈕，如果用戶“確認(rèn)”按鈕，則prompt()方法返回用戶在文本框中輸入的內(nèi)容（是字符串類型)或者初始值(如果用戶沒(méi)有輸入信息)。

如果用戶單擊“取消”按鈕，則prompt()方法返回null，我們稱這種對(duì)話框?yàn)樘崾究颍谶@三種對(duì)話框中，她的交互性最好。

看下面一個(gè)小例子：在頁(yè)面上兩次彈出提示對(duì)話框，使用戶能輸入有關(guān)信息，代碼如下：?

html

head

title編寫(xiě)html頁(yè)面/title

script language="javascript" //js腳本標(biāo)注

var name,age;

name=prompt("請(qǐng)問(wèn)你叫什么名字?"); /*在頁(yè)面上彈出提示對(duì)話框，

將用戶輸入的結(jié)果賦給變量name*/

alert(name); //輸出用戶輸入的信息

age=prompt("你今年多大了?","請(qǐng)?jiān)谶@里輸入年齡"); /*在頁(yè)面上再一次彈出提示對(duì)話框，

講用戶輸入的信息賦給變量age*/

alert(age)//輸出用戶輸入的信息

/script

/head

/html

擴(kuò)展資料：

警告框alert()：

alert是警告框，只有一個(gè)按鈕“確定”無(wú)返回值，警告框經(jīng)常用于確保用戶可以得到某些信息。當(dāng)警告框出現(xiàn)后，用戶需要點(diǎn)擊確定按鈕才能繼續(xù)進(jìn)行操作。語(yǔ)法：alert("文本")。

確認(rèn)框confirm()：

confirm是確認(rèn)框，兩個(gè)按鈕，確定或者取消，返回true或false。確認(rèn)框用于使用戶可以驗(yàn)證或者接受某些信息。當(dāng)確認(rèn)框出現(xiàn)后，用戶需要點(diǎn)擊確定或者取消按鈕才能繼續(xù)進(jìn)行操作。

如果用戶點(diǎn)擊確認(rèn)，那么返回值為 true。如果用戶點(diǎn)擊取消，那么返回值為 false。語(yǔ)法：confirm("文本")

提示框prompt()：

prompt是提示框，返回輸入的消息，或者其默認(rèn)值提示框經(jīng)常用于提示用戶在進(jìn)入頁(yè)面前輸入某個(gè)值。當(dāng)提示框出現(xiàn)后，用戶需要輸入某個(gè)值，然后點(diǎn)擊確認(rèn)或取消按鈕才能繼續(xù)操縱。

如果用戶點(diǎn)擊確認(rèn)，那么返回值為輸入的值。如果用戶點(diǎn)擊取消，那么返回值為 null。語(yǔ)法：prompt("文本","默認(rèn)值")

用js計(jì)算年齡（精確到天）

需求：

需要實(shí)現(xiàn) 1歲2月3天 這樣的格式

方法：

此方法參考了：

小孩子可以學(xué)習(xí)JavaScript嗎？難嗎？

JavaScript作為目前比較主流的語(yǔ)言，其學(xué)習(xí)起來(lái)是有一定難度的，所以對(duì)于孩子的年齡也是有一定的限制。以童程童美為例，我們JavaScript的課程建議學(xué)習(xí)年齡是從8歲開(kāi)始，這個(gè)年齡階段，孩子有了一些數(shù)學(xué)、英語(yǔ)的基礎(chǔ)，更方便孩子學(xué)習(xí)。如果目前孩子還不足8歲，可以考慮學(xué)習(xí)Scratch語(yǔ)言。

童程童美少兒編程課程，面向6-18歲青少年兒童，依托達(dá)內(nèi)教育集團(tuán)16年IT編程教育經(jīng)驗(yàn)和上千名精英教研團(tuán)隊(duì)等教育資源優(yōu)勢(shì)，研發(fā)出一套系統(tǒng)的少兒編程課程體系，內(nèi)容涵蓋少兒?jiǎn)⒚删幊蹋⊿cratch）和少兒趣味編程（JavaScript、HTML、CSS、Java等），能夠?qū)崿F(xiàn)不僅僅讓小孩學(xué)會(huì)編程，更希望通過(guò)他們的中小學(xué)階段的培訓(xùn)激發(fā)他們對(duì)程序的認(rèn)識(shí)和熱愛(ài)，激發(fā)他們對(duì)計(jì)算機(jī)和it互聯(lián)網(wǎng)的認(rèn)識(shí)和熱愛(ài)。同時(shí)培養(yǎng)編程思維，提高中國(guó)孩子的綜合能力和素質(zhì)。課程流動(dòng)課堂目前以走進(jìn)全國(guó)130多所中小學(xué)公立校，受到教育界和學(xué)生家長(zhǎng)的高度認(rèn)可。

如何在JAVASCRIPT中驗(yàn)證年齡

給你一個(gè)日歷控件

!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 日期

*/

/*如果參數(shù)不足三個(gè)那么就初始化為當(dāng)天日期*/

function JCalendar (year,month,date) {

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

//實(shí)例變量

this.year = _date.getFullYear();

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

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

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

//成員變量，當(dāng)前年月日

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);//預(yù)先定義一段空數(shù)組，對(duì)應(yīng)日歷里第一周空的位置

var html_str = new Array();

var date_index = 0;

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

for(var j = 1; j = this.dayNum; j++){//初始化date數(shù)組

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("");

}

//靜態(tài)方法

JCalendar.update = function(_month){

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

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

var year = date.getFullYear();

var month = date.getMonth() + 1;

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

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

for(var i = 7; i tds.length; i++)//清空日歷內(nèi)容

tds[i].innerHTML = "";

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

//更新當(dāng)前年月

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){//日歷更改時(shí)執(zhí)行的函數(shù)，可以更改為自己需要函數(shù),控件傳遞過(guò)來(lái)的參數(shù)為當(dāng)前日期

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){//點(diǎn)擊日期時(shí)執(zhí)行的函數(shù)，可以更改為自己需要函數(shù),控件傳遞過(guò)來(lái)的參數(shù)為當(dāng)前日期

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

}/script

/head

body

div id="calendar_contain"/div

script type="text/javascript"

/***************說(shuō)明***************

JCalendar.onclick (year,month,date)//點(diǎn)擊日期時(shí)執(zhí)行的靜態(tài)函數(shù)，可以更改(或者覆蓋)為自己需要函數(shù),控件傳遞過(guò)來(lái)的參數(shù)為當(dāng)前日期

JCalendar.onupdate (year,month,date){//日歷更改時(shí)執(zhí)行的函數(shù)，可以更改(或者覆蓋)為自己需要函數(shù),控件傳遞過(guò)來(lái)的參數(shù)為當(dāng)前日期

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

//一個(gè)例子

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

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

}

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

/script

/body

/html

那樣比用輸入年齡好一些！

問(wèn)一下，JavaScript輸入年齡，然后在彈窗顯示年齡階段，我這個(gè)代碼不太行，怎么改？

改成下面這樣

var age = prompt('請(qǐng)輸入您的年齡','15');

age = Number(age);

prompt返回的是字符串，你條件判斷都是數(shù)字大小判斷，要把字符串string轉(zhuǎn)成數(shù)字類型Number,

新聞標(biāo)題：javascript年齡,javascript計(jì)算年齡
URL網(wǎng)址：http://www.chinadenli.net/article26/dsdiijg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、服務(wù)器托管、網(wǎng)頁(yè)設(shè)計(jì)公司、虛擬主機(jī)、域名注冊(cè)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)