当前位置：
首页 >
前端技术
> 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
- 下一篇： DvaJS的Subscription的使