HTML网页之日历代码

简介:

效果显示一:点击这里!      这些代码网上是有的,我只是在这里帮忙分享一下,希望能给你带来帮助。

下面这个图的代码相对长一点这里就不上传上来了,需要的点击这里下:点击这里!





<html>
    <head>
       <link rel="stylesheet" type="text/css" href="Skin.css">
       <style>
        <!--
        table{ text-align: center }
        -->
       </style>
    </head>
 
    <body>
       <div align="center">
           <script language="javascript">
            var my = new Date();
          
            function showc() {
             var k=1;
             var j=1;
             var today;
             var tomonth;
             var theday=1;//日期
             var max;
             var temp;
             var tempday;//这个月第一天的星期
             document.write ("<b>" + my.getFullYear() + "-" + (my.getMonth()+1) + "</b>");
             document.write ("<table border='1' width='273' height='158'>");
             document.write ("<tr>");
             document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>");
             document.write ("<td height='23' width='39'>Mon</td>");
             document.write ("<td height='23' width='39'>Tue</td>");
             document.write ("<td height='23' width='39'>Wed</td>");
             document.write ("<td height='23' width='39'>Thu</td>");
             document.write ("<td height='23' width='39'>Fri</td>");
             document.write ("<td height='23' width='39'>Sat</td>");
             document.write ("</tr>");
             temp=my.getDate();
             my.setDate(1);
             //document.write (my.getDate());
             tempday=my.getDay();//返回第一天是星期几
             my.setDate(temp);
             today=my.getDay();//返回现在星期几
           
             switch ((my.getMonth()+1)) {
              case 1:
              case 3:
              case 5:
              case 7:
              case 8:
              case 10:
              case 12:
               max=31;
               break;
              case 4:
              case 6:
              case 9:
              case 11:
               max=30;
               break;
              default:
               max=29;//这里没有考虑闰月!!
              //document.write (max);
             }
             for(k=0;k<6;k++) {
              document.write ("<tr>");
              for(j=0;j<=6;j++) {
               document.write ("<td height='23' width='39'>");
               if(j>=(tempday)) {
                tempday=0;//设置为最小,相当于取消判断条件
                if(theday<=max) {
                 document.write ("<a title=" + my.getFullYear() + "-" + (my.getMonth()+1) + "-" +theday + " target='_blank' href=detail.asp?date=" + theday + ">");
                 if(theday==my.getDate())
                  document.write ("<font color='green'>[" + theday + "]</font></a>");
                  else if(j==0)
                  document.write ("<font color='red'>" + theday + "</font></a>");
                 else
                  document.write (theday + "</a>");
                 theday++;
                }
               }
               document.write ("</td>");
              }
              document.write ("</tr>");
             }
             document.write ("</table>");
            }
          
            showc();
        </script>
       </div>
    <body>
</html>

目录
相关文章
|
3天前
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
22 0
|
25天前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
25天前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
6天前
|
数据安全/隐私保护 C++
【HTML】构建网页的基石
本文介绍了HTML的基本概念和常用标签,包括HTML文件的基本结构、常见标签(如标题、段落、换行、图片、超链接等)、表格与表单的使用方法,以及无语义标签div和span的特性。通过具体示例展示了如何在VS Code中快速生成HTML框架及各标签的应用场景,帮助初学者快速掌握HTML的基础知识。
20 1
【HTML】构建网页的基石
|
6天前
|
Java BI API
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件,包括写入大文本和HTML代码,并分析了几种常用的Java PDF导出工具。
74 0
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
|
12天前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
41 1
|
1月前
网站维护更新简易单页404页html代码
一个简约风格的单页html页面,可用于网站维护中或更新网站时挂个首页使用,如果不喜欢现在的颜色请F12修改设置既可。
72 1
网站维护更新简易单页404页html代码
|
1月前
|
XML 数据格式 Python
Python技巧:将HTML实体代码转换为文本的方法
在选择方法时,考虑到实际的应用场景和需求是很重要的。通常,使用标准库的 `html`模块就足以满足大多数基本需求。对于复杂的HTML文档处理,则可能需要 `BeautifulSoup`。而在特殊场合,或者为了最大限度的控制和定制化,可以考虑正则表达式。
35 12
|
1月前
|
前端开发 JavaScript
用最少的代码实现一个HTML可交互表格
该HTML页面展示了一个可交互的表格,用户可以通过点击表格行来高亮显示所选行。使用了基本的`&lt;table&gt;`结构,并通过CSS设置了表格样式及行悬停效果。JavaScript函数`toggleSelect`实现了行选中的切换功能。
|
1月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)