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
So verwenden Sie Node-Scaffolding zum Erstellen eines Servers zur Implementierung der Token-Verifizierung
Inhalt Verwenden Sie Scaffolding, um schnell ein ...
Implementierung einer Lösung für adaptive Textbereichshöhe in Vue
Inhaltsverzeichnis Versteckte Probleme Lösung zur...
Ein kurzer Überblick über CSS3-Pseudoklassenselektoren
Vorwort Wenn CSS die Grundfertigkeit der Front-En...
Detaillierte Erläuterung des Beispiels zum Exportieren von Daten aus einer angegebenen Tabelle in MySQL
Detaillierte Erklärung zum MySQL-Export von Daten...
Node-Skript realisiert automatische Anmelde- und Lotteriefunktion
Inhaltsverzeichnis 1. Einleitung 2. Vorbereitung ...
Bereitstellungs- und Installationsdiagramm für die Servervirtualisierung von VMware vSphere 6.0 (detaillierte Schritte)
1. Wichtige Punkte für die frühzeitige Planung de...
Auszeichnungssprache - Anker
Zurück: Markup Language - Phrasenelemente Original...
Eine kurze Diskussion über HTML-Titel, Absätze, Zeilenumbrüche, horizontale Linien und Sonderzeichen
Titel XML/HTML-CodeInhalt in die Zwischenablage k...
Detaillierte Erläuterung, wie Vue Werte zurückgibt, um Formulare dynamisch zu generieren und Daten zu übermitteln
Inhaltsverzeichnis Die wichtigsten gelösten Probl...
So generieren Sie PDFs und laden sie im Vue-Frontend herunter
Inhaltsverzeichnis 1. Installation und Einführung...
Beispielcode zum Implementieren der unteren Ausrichtung auf verschiedene Arten mit CSS
Aufgrund der Geschäftsanforderungen des Unternehm...
Grafische Erläuterung der Lösungen zur Frontend-Verarbeitung kleiner Symbole
Vorwort Bevor wir mit diesem Artikel beginnen, be...
CentOS verwendet expect, um Skripte und Befehle remote in Stapeln auszuführen
Manchmal müssen wir Server stapelweise bedienen, ...
Eine kurze Erläuterung der ifnull()-Funktion ähnlich der nvl()-Funktion in MySQL
IFNULL(Ausdruck1,Ausdruck2) Wenn expr1 nicht NULL...
Spezifische Verwendung von Vues neuem Spielzeug VueUse
Inhaltsverzeichnis Vorwort Was ist VueUse Einfach...