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
Ein wenig bekanntes JS-Problem: [] == ![] ist wahr, aber {} == !{} ist falsch
konsole.log( [] == ![] ) // wahr console.log( {} ...
So beheben Sie den Startfehler des Docker-Containers
Frage: Nach dem Neustart des Computers kann der M...
Unterschiede zwischen MySQL CHAR und VARCHAR beim Speichern und Lesen
Einführung Kennen Sie wirklich den Unterschied zw...
Linux-Systemaufrufe für Betriebsdateien
Inhaltsverzeichnis 1. Öffnen Sie die Datei Parame...
7 Fähigkeiten, die Webdesigner haben müssen
Webdesign ist sowohl eine Wissenschaft als auch e...
Detaillierte Einführung in die Grundkonzepte von JS
Inhaltsverzeichnis 1. Eigenschaften von JS 1.1 Mu...
Drei JavaScript-Methoden zur Lösung des Joseph-Ring-Problems
Inhaltsverzeichnis Überblick Problembeschreibung ...
So simulieren Sie Netzwerkpaketverlust und -verzögerung in Linux
netem und tc: netem ist ein Netzwerksimulationsmo...
Was sind die Vorteile einer semantischen HTML-Struktur?
eins: 1. Semantische Tags sind lediglich HTML, CS...
MySQL 8.0 kann jetzt JSON verarbeiten
Inhaltsverzeichnis 1. Kurzübersicht 2. JSON-Grund...
Webentwicklungs-Tutorial: domänenübergreifende Lösung – detaillierte Erläuterung
Vorwort Dieser Artikel stellt hauptsächlich die d...
Detaillierte Erläuterung der JavaScript-BOM-Zusammensetzung und häufiger Ereignisse
Inhaltsverzeichnis 1. Stückliste 2. Zusammensetzu...
ByteDance-Interview: So implementieren Sie mit JS die gleichzeitige Anforderungssteuerung von Ajax
Vorwort Ehrlich gesagt fühle ich mich in letzter ...
Ein Artikel zum Verständnis der MySQL Master-Slave-Replikation und der Lese-/Schreibtrennung
Inhaltsverzeichnis Einführung 1. MySQL Master-Sla...
Beispiel für die Implementierung des TikTok-Textschütteleffekts mit CSS
In der täglichen Entwicklung streiten sich Front-...