JavaScript 制作年歷，可以實(shí)現(xiàn)讀取年份，但是出不來年歷

!DOCTYPE html

靜樂網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

html

head

meta charset="UTF-8"

meta name="viewport" content="width=device-width, initial-scale=1.0"

meta http-equiv="X-UA-Compatible" content="ie=edge"

titleDocument/title

/head

body

script

var year=parseInt(prompt('輸入年份','2018'));

document.write(calender(year));

function calender(y){

var html='';

for(var m=1;m=12;m++){

html+='table';

html+='trth colspan="7"'+y+'年'+m+'月/th/tr';

html+='trtd日/tdtd一/tdtd二/tdtd三/tdtd四/tdtd五/tdtd六/td/tr';

var w= new Date(y,m-1,1).getDay();

html+='tr';

if(w)html+='td colspan="'+w+'"/td';

var max = new Date(y,m,0).getDate();

for(var d=1;d=max;d++){

html+='td'+d+'/td';

if(w==6){

html+='/tr';

if(dmax)html+='tr';

}

w=(w+1)%7;

}

html+='/table';

}

return html;

}

/script

/body

/html

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

第一種：alert()方法

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

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

html

head

title編寫html頁面/title

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

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

alert("下聯(lián)：白水泉邊少女妙");//在頁面上彈出下聯(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í)也可以不寫window。下面來看一個(gè)關(guān)于confirm()的小例子，代碼如下所示：

html

head

title編寫html頁面/title

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

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

/script

/head

/html

第三種： prompt()方法

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

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

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

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

html

head

title編寫html頁面/title

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

var name,age;

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

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

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

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

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

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

/script

/head

/html

擴(kuò)展資料：

警告框alert()：

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

提示框prompt()：

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

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

用JavaScript實(shí)現(xiàn)年份選擇

script?src="../Scripts/SetYear.js"?type="text/javascript"/script

script?type="text/javascript"?language="javascript"

var?curColor;

var?fontColor;

function?mouseover(obj)?{

curColor?=?obj.style.backgroundColor;

fontColor?=?obj.style.color;

obj.style.backgroundColor?=?"#CC0000";

obj.style.color?=?"White";

obj.style.cursor?=?'pointer';?obj.style.cursor?=?'hand';

}

function?mousemove(obj)?{

obj.style.cursor?=?'pointer';?obj.style.cursor?=?'hand';

}

function?mouseout(obj)?{

obj.style.backgroundColor?=?curColor;

obj.style.color?=?fontColor;

}

function?_SetTime2(tt)?{

onclick_SetYear(tt);

}

function?addListener(element,?e,?fn)?{

if?(element.addEventListener)?{

element.addEventListener(e,?fn,?false);

}?else?{

element.attachEvent("on"?+?e,?fn);

}

}

addListener(document,?"click",

function?(evt)?{

var?evt?=?window.event???window.event?:?evt,

target?=?evt.srcElement?||?evt.target;

if?(target.id?==?"txtYear"?||?target.id?==?"img_left"?||?target.id?==?"img_right"?||?target.id?==?"title")?{

document.getElementById("_top").style.display?=?"";

document.getElementById("_contents").style.display?=?"";

}?else?{

while?(target.nodeName.toLowerCase()?!=?"div"??target.nodeName.toLowerCase()?!=?"html")?{

target?=?target.parentNode;

}

if?(target.id?==?"_top"?||?target.id?==?"_contents")?{

document.getElementById("_top").style.display?=?"";

document.getElementById("_contents").style.display?=?"";

}

else?{

document.getElementById("_top").style.display?=?"none";

document.getElementById("_contents").style.display?=?"none";

}

}

})

/script

js判斷年份為閏年和平年

什么是閏年：能夠被4整除并且不能被100整除的數(shù)為閏年 或者能夠被400整除的是閏年

1.彈出一個(gè)prompt輸入框，讓用戶輸入年份，把這個(gè)值取過來保存起來到變量中，

2.使用if語句判斷是否為閏年，如果是閏年，就執(zhí)行if大括號(hào)里面的語句彈出閏年 否則執(zhí)行else里面的語句彈出平年

3.一定要注意這里面有邏輯與 還有邏輯或||同事判斷整除的方法是取余為0

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

1、彈出普通對(duì)話框使用alert函數(shù)，例如：alert('hello world');

2、彈出確認(rèn)對(duì)話框使用confirm函數(shù)，例如var result=confirm("確定退出么？");

3、使用window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");彈出模態(tài)網(wǎng)頁窗體。

4、使用vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])彈出非模態(tài)窗體。

5、也可以使用自定義的彈出框，自己設(shè)計(jì)隱藏div，使用的時(shí)候使之顯示。這個(gè)比較麻煩，可以去網(wǎng)上搜索一下案例。

js中怎么獲取當(dāng)前年份、月份和日期

JS有自帶的日期函數(shù)，獲取如下：var date = new Date();var year = date.getFullYear();//獲取年份var month = date.getMonth()+1;//獲取月份，因?yàn)槭菑?-11所以要+1var day = date.getDate();//獲取天數(shù)var hour = date.getHours();//獲取小時(shí)var minute = date.getMinutes();//獲取分鐘var second = date.getSeconds();//獲取秒