【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】制作日历相关推荐
- 用javaScript制作日历
z 这是我做出来的最终效果,界面比较简单,以后有时间会稍作修改,把界面和功能做得更加完善. html+css代码如下: <!DOCTYPE html> <html> <h ...
- 非常不错的一款html5【404页面】,不含js脚本可以左右摆动,原生JavaScript实现日历功能代码实例(无引用Jq)...
这篇文章主要介绍了原生JavaScript实现日历功能代码实例(无引用Jq),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 成品显示,可左右切换月份 ...
- 基于jQuery日历插件制作日历
这篇文章主要介绍了基于jQuery日历插件制作日历的相关资料,需要的朋友可以参考下 来看下最终效果图吧: 是长得丑了一点,不要吐槽我-.- 首先来说说这个日历主要的制作逻辑吧: ·一个月份最多有31天 ...
- 用JavaScript 制作多彩的弹出式说明窗口
用JavaScript 制作多彩的弹出式说明窗口 在设计网站的时候,在网站有重大的变动,或者需要作什么声明的时候,我们就要用到弹出窗口,这时只要我们一进入这个页面,就会弹出一个窗口,其实要制作这样的弹 ...
- indesign选中不了图片删除_word图文设计：如何用图片水印功能制作日历画册
编按:新的一年马上来临了,许多人都会换上新的日历.通常大家都是去外面购买,买来的日历总是千篇一律,没有特色.为何不自己新自己动手制作一本专属于自己的个性日历呢?做好后,自己使用或作为礼物送给亲朋好友都 ...
- 用html和css制作日历,CSS3制作日历
前面使用了CSS3制作过Progress Bars.分页导航.Login栏.Search Box等等.今天一起和大家使用css3来制作一个日历效果,希望大家喜欢. 目标 今天我们的目标是制作如下面DE ...
- 用 JavaScript 编写日历
概述 在本教程中,我将介绍使用几行 JavaScript 将日历渲染到网页上.日历将包括仅使用普通旧 JavaScript的月份和年份的下拉列表.流程如下: 将月份渲染到下拉列表中 将年份渲染到下拉列 ...
- 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个扁平化风格css螃蟹图形~~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <! ...
- js操作设置css动画,使用 CSS3 和 JavaScript 制作链接反转 3D 动画 - 文章教程
使用 CSS3 和 JavaScript 制作链接反转 3D 动画,CSS 和 JavaScript 技巧用来创建顶层的悬浮效果,使用 transfomr-origin 和 transform-sty ...
- JavaScript制作动画
JavaScript制作动画 <!DOCTYPE html> <html> <style> #container {width: 400px;height: 400 ...
最新文章
- 想用Python学机器学习？Google大神替你写好了所有的编程示范代码
- linux下动态库（*.so)的路径问题
- 化工原理 蒸馏（上）
- 导出来的双引号怎么处理_阿里巴巴国际站图片处理小技巧
- IOS学习笔记七之KVC和Key路径
- 如何让css与js分离
- java spark wordcount_提交任务到spark（以wordcount为例）
- 关于idea中运行maven项目报错显示找不到包或符号的问题——终极方案
- 面经（5） 2020/4/5 Java研发实习生 蚂蚁金服
- CTO、技术总监、首席架构师的区别
- python 读取网页源码_python获取整个网页源码的方法
- 小黄的日记，爱情本该如此
- 金融IC卡非接触式快速支付的先天缺陷与补救措施
- 计算机硬盘ssd,电脑有没有必要装固态硬盘的建议
- Java实现 LeetCode 756 金字塔转换矩阵（DFS）
- vuex的摸爬滚打.
- 树的重心——DFS求解
- 测度论与概率论基础学习笔记4——2.2外测度
- Visio双击形状编辑文字
- Roundgod and Milk Tea （HTU-6667）