Maison > interface Web > js tutoriel > le corps du texte

Comment créer un calendrier annuel en utilisant Javascript

王林
Libérer: 2021-11-02 16:35:30
original
4566 Les gens l'ont consulté

Comment créer un calendrier annuel avec javascript : [function Calendar(y){ var w = new Date(y,0).getDay(); var html = '

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

Comment créer un calendrier annuel en utilisant Javascript

L'environnement d'exploitation de cet article : système Windows 10, javascript 1.8.5, ordinateur thinkpad t480

Si nous devons afficher des événements spécifiques d'un certain mois sur la page Web, nous le faisons souvent. Il existe de nombreuses bibliothèques de classes prêtes à l'emploi, alors comment développer un calendrier nous-mêmes ? Voici un composant de calendrier très classique, jetons un coup d'œil !

<!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>
Copier après la connexion

Effet final :


Apprentissage recommandé :
Tutoriel vidéo javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal