Heim > Web-Frontend > js-Tutorial > Hauptteil

So erstellen Sie einen Jahreskalender mit Javascript

王林
Freigeben: 2021-11-02 16:35:30
Original
4579 Leute haben es durchsucht

So erstellen Sie einen Jahreskalender mit Javascript: [function Calendar(y){ var w = new Date(y,0).getDay(); var html = '

';for(m=1;m<. .. ].

So erstellen Sie einen Jahreskalender mit Javascript

Die Betriebsumgebung dieses Artikels: Windows 10-System, Javascript 1.8.5, Thinkpad T480-Computer

Wenn wir bestimmte Ereignisse eines bestimmten Monats auf der Webseite anzeigen müssen, tun wir dies häufig Wir müssen die Kalenderkomponente verwenden. Wie entwickeln wir also selbst einen Kalender?

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>制作年历</title>
		<style>
			body{text-align:center;}
			.box{margin:0 auto;width:880px;}
			.title{background: #ccc;}
			table{height:200px;width:200px;font-size:12px;text-align:center;float:left;margin:10px;font-family:arial;}
		</style>
		<script src="calendar.js"></script>
		<script>
			var year = parseInt(prompt(&#39;输入年份:&#39;,&#39;2019&#39;));//制作弹窗
			document.write(calendar(year));//调用函数生成指定年份的年历
		</script>
	</head>
	<body>
	</body>
</html>
Nach dem Login kopieren

Endgültiger Effekt:


Empfohlenes Lernen:
Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo erstellen Sie einen Jahreskalender mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage