當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
【JavaScript】制作日历
生活随笔
收集整理的這篇文章主要介紹了
【JavaScript】制作日历
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>課本制作年歷</title><style type="text/css">body{text-align:center;}.box{margin:0 auto;width:880px;}.title{background:#FFC0CB;}table{height:200px;width:200px;font-size:12px;text-align:center;float:left;margin:10px;font-family:"優設標題黑";}</style>
</head>
<!-- <table>...</table> 用于定義一個表格開始和結束<th>...</th> 定義表頭單元格。表格中的文字將以粗體顯示，在表格中也可以不用此標簽，<th>標簽必須放在<tr>標簽內<tr>...</tr> 定義一行標簽，一組行標簽內可以建立多組由<td>或<th>標簽所定義的單元格<td>...</td> 定義單元格標簽，一組<td>標簽將將建立一個單元格，<td>標簽必須放在<tr>標簽內-->
<body><script type="text/javascript">var year=parseInt(prompt('請輸入年份:','2022'));//可以默認輸入document.write(calendal(year));//調用函數生成指定年份的年歷// 編寫calender()函數，根據指定的年份生成年歷
function calendal(y){ //y表示指定的年份// 將日期輸入到對應的星期位置，實現獲取指定年份1月1日的星期值var w=new Date(y,0).getDay();// getDay()：獲取星期范圍0~6（0代表星期一，以此類推）var html='<div class="box">';for(var m=1;m<=12;m++){html+='<table>';html+='<tr class="title"><th colspan="7">'+y+'年'+m+'月</th></tr>';//colspan 屬性定義表頭單元格應該橫跨的列數。html+='<tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>';//獲取每個月份有多少天var max=new Date(y,m,0).getDate();//從該月份的第一天遍歷到最后一天html+='<tr>';for(var d=1;d<=max;++d){if(w&&d==1){html+='<td colspan="' +w+ '"></td>';}html+='<td>'+d+'</td>';if(w==6&&d!=max){html+='</tr><tr>';}else if(d==max){//該月的最后一天，閉合<tr>標簽html+='</tr>';}w=(w+1>6)?0:w+1;}html+='</table>';}html+='</div>';return html;
}
</script>
</body>
</html>
bind（）函數用法：
<!DOCTYPE html> <html> <head><title></title> </head> <body><h1>bind()方法的含義是綁定，用于在調用函數前指定this的含義，實現提前綁定的效果；在綁定時，還可以提前傳入調用函數時的參數</h1></body> <script type="text/javascript">function method(a,b){console.log(this.name+a+b);}var name='夜晚';var test=method.bind({name:'黎明'},'3','1');method('1','2');test(); </script> </html>限制用戶名長度和敏感詞
<!DOCTYPE html> <html> <head><title></title> </head> <body><script type="text/javascript">var name=prompt('請輸入用戶名：');//var name='Administrator';if(name.length<3||name.length>10){alert('用戶名長度必須在3~10之間！');}if(name.toLowerCase().indexOf('admin')!==-1){alert('用戶名中不能包含敏感詞:admin!');}console.log('你的用戶名為：'+name);</script></body> </html>獲取1~100以內的隨機整數
<!DOCTYPE html> <html> <head><title></title> </head> <body> <p>random()：獲取大于或等于0.0且小于1.0的隨機值</p> <p>Math.random():獲取指定范圍內的隨機數，公式：Math.random()*(n-m)+m:生成大于或等于m且小于n的隨機數</p> </body> <script type="text/javascript">function randomNum(min,max){return Math.floor(Math.random()*(max-min+1)+min);}console.log(randomNum(1,100)); </script> </html>總結
以上是生活随笔為你收集整理的【JavaScript】制作日历的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 《神经⽹络与深度学习》-自学笔记01
- 下一篇： 郭天祥嵌入式开发教程