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-Reihe von Erfahrungszusammenfassungen und Analyse-Tutorials zu NULL-Werten
Inhaltsverzeichnis 1. Testdaten 2. Die Unannehmli...
Umgang mit Leerzeichen in CSS
1. Weltraumregeln Leerzeichen im HTML-Code werden...
Vue verbessert die Seitenantwortgeschwindigkeit durch Lazy Loading
Inhaltsverzeichnis Überblick Was ist Lazy Loading...
So verwenden Sie SessionStorage und LocalStorage in Javascript
Inhaltsverzeichnis Vorwort Einführung in SessionS...
MySQL Community Server 5.7.19 Installationshandbuch (detailliert)
Link zum Download der ZIP-Datei auf der offiziell...
MySQL-Optimierungstipps: Analyse der Implementierungsmethoden zur Duplikatsentfernung [Millionen von Daten]
Dieser Artikel veranschaulicht anhand eines Beisp...
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 Erklärung des Prinzips der Docker-Image-Schichtung
Basisbild Das Basisbild hat zwei Bedeutungen: Ist...
So finden Sie langsame MySQL-Abfragen
Vorwort Ich glaube, dass jeder in seiner tägliche...
js implementiert einen einfachen Countdown
In diesem Artikelbeispiel wird der spezifische Co...
Windows Server 2008-Tutorial zur Überwachung der Serverleistung
Als Nächstes erfahren Sie, wie Sie die Serverleis...
Linux: Kein Speicherplatz mehr auf Gerät 500 – Fehler aufgrund voller Inodes
Was ist ein Inode? Um Inode zu verstehen, müssen ...
Tutorial zur Installation und Konfiguration von MySQL Workbench unter CentOS
In diesem Artikel finden Sie das Installations- u...
Zusammenfassung der Mysql Hochleistungsoptimierungsfähigkeiten
Datenbank-Befehlsspezifikation Alle Datenbankobje...
Wie Sie eine statische IP in CentOS7 auf VirtualBox6 festlegen und was Sie dabei beachten müssen
Installieren Sie CentOS 7 nach der Installation v...