使用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,

新聞標題：javascript年齡,javascript計算年齡
URL網址：http://vcdvsql.cn/article26/dsdiijg.html

成都網站建設公司_創新互聯，為您提供面包屑導航、服務器托管、網頁設計公司、虛擬主機、域名注冊、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯