JavaScript zum Erzielen eines Kalendereffekts
|
In diesem Artikel wird der spezifische Code für JavaScript zur Erzielung des Kalendereffekts zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Erstellen Sie einen Kalender</title>
<Stil>
Textkörper {Textausrichtung: Mitte;}
.box{margin:0 auto;width:880px;}
.title{Hintergrund: #ccc;}
Tabelle {Höhe: 200px; Breite: 200px; Schriftgröße: 12px; Textausrichtung: Mitte; Float: links; Rand: 10px; Schriftfamilie: Arial;}
</Stil>
<script src="calendar.js"></script>
<Skript>
var year = parseInt(prompt('Jahr eingeben:','2019'));//Popup-Fenster erstellen document.write(calendar(year));//Funktion aufrufen, um einen Kalender für das angegebene Jahr zu generieren</script>
</Kopf>
<Text>
</body>
</html> kalender.js
Funktion Kalender(y){
//Wochentag am 1. Januar des angegebenen Jahres abrufen var w = new Date(y,0).getDay();
var html = '<div Klasse="box">';
//Verkette die Tabellen für jeden Monat for(m=1;m<=12;m++){
html += '<Tabelle>';
html += '<tr class="title"><th colspan="7">' + y + 'Jahr' + m+' Monat</th></tr>';
html += '<tr><td>So</td><td>Mo</td><td>Dienstag</td><td>Mi</td><td>Do</td><td>Fr</td><td>Samstag</td></tr>'
//Ermitteln Sie die Gesamtzahl der Tage in jedem Monat. var max = new Date(y,m,0).getDate();
html += '<tr>'; // Starte das <tr>-Tag für (d=1;d<=max;d++){
if(w && d== 1){//Wenn der erste Tag des Monats nicht Sonntag ist, fülle die Lücken aus html += '<td colspan ="' + w + '"> </td>';
}
html += '<td>' +d+ '</td>';
if(w == 6 && d != max){//Wenn Samstag nicht der letzte Tag des Monats ist, wrap html += '</tr><tr>';
}else if(d==max){//Der letzte Tag des Monats, schließen Sie das Tag </tr> html += '</tr>';
}
w = (w+1>6) ? 0 : w+1;
}
html += '</Tabelle>';
}
html += '</div>';
HTML zurückgeben;
}Wirkung
Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
>>: So stellen Sie gelöschte MySQL 8.0.17-Root-Konten und Passwörter unter Windows wieder her
Artikel empfehlen
MySQL-Sortierung zum Abrufen eines Ranking-Beispielcodes
Der Code sieht folgendermaßen aus: SELECT @i:=@i+...
JavaScript zum Implementieren des Click-to-Switch-Bestätigungscodes und der Bestätigung
In diesem Artikel wird der spezifische JavaScript...
Implementierung der IP-Adresskonfiguration in Centos7.5
1. Bevor Sie die IP-Adresse konfigurieren, verwen...
Grundlegende Einführung in Echarts: Allgemeine Konfiguration von Balkendiagrammen und Liniendiagrammen
1Grundlegende Schritte von E-Charts Vier Schritte...
Zwei Möglichkeiten zum Öffnen und Schließen des MySQL-Dienstes
Methode 1: Verwenden Sie den cmd-Befehl Öffnen Si...
Beschreiben Sie kurz, wie Sie das Tomcat-Image installieren und das Webprojekt in Docker bereitstellen
1. Installieren Sie Tomcat 1. Suchen Sie das Tomc...
Implementierung der Nginx-Konfiguration und des Zugriffs auf lokale statische Ressourcen in der Mac-Umgebung
Manchmal erfordert die lokale Entwicklung das Deb...
Grafisches Tutorial zur kostenlosen Installationsversion von MySQL 5.7.16 unter Linux
In diesem Artikel wird das Tutorial zur kostenlos...
Semantische Webseiten XHTML semantische Auszeichnung
Ein weiterer wichtiger Aspekt bei der Trennung vo...
Eine Fehlerbehebungserfahrung im CentOS-Docker-Bridge-Modus, bei dem auf den Host-Redis-Dienst nicht zugegriffen werden kann
Hintergrund: Ich habe bereits ein Projekt durchge...
Detaillierte Erläuterung der Verwendung von backgroundImage zum Lösen des Bildkarussellwechsels
Implementieren eines Karussells mit einem einzeln...
Axios Sekundärkapselungsbeispiel Demo im Projekt
1. Warum verpacken? Erleichtert das Aufrufen von ...
So übermitteln Sie den Wert eines deaktivierten Formularfelds in einem Formular Beispielcode
Wenn ein Formularfeld in einem Formular deaktivier...
Erklärung zur Verbindung des Mac mit Remote-Servern über SSH in verschiedenen Terminals
Mac verwendet Shell (Terminal) SSH, um eine Verbi...
So unterstreichen Sie das A-Tag und ändern die Farbe vor und nach dem Klicken
Code kopieren Der Code lautet wie folgt: ein:link...