课程表（for和switch的应用）

最新推荐文章于 2022-06-05 22:24:40 发布
最新推荐文章于 2022-06-05 22:24:40 发布
阅读量381 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qianhua521/article/details/53243154
版权
这个HTML页面展示了一个课程表，使用JavaScript为表格的单元格添加了点击事件。点击不同单元格会弹出对应课程提示，例如11.1对应HTML，6-12对应CSS，13-19对应JS，12.1对应PS。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BMI</title>
<style>
table {
width: 700px; border-collapse: collapse;margin:50px auto;
}
td {
border:1px solid #ccc;height:60px;width: 14.2%;
}
.invalid {
background-color: #999;
}
</style>
</head>
<body>


<table>
<tr>
<td class="invalid"></td>
<td class="invalid"></td>
<td id="1">11.1</td>
<td id="2"></td>
<td id="3"></td>
<td id="4"></td>
<td id="5"></td>
</tr>
<tr>
<td id="6"></td>
<td id="7"></td>
<td id="8"></td>
<td id="9"></td>
<td id="10"></td>
<td id="11"></td>
<td id="12"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td>11.30</td>
<td class="invalid"></td>
<td class="invalid"></td>
<td class="invalid"></td>
</tr>
</table>


</body>


<script>
// 获取所有的单元格
// 这时通过tagname找到的是一个 td 组成数组，所以想要给每一个td加上事件的话，需要遍历
var td = document.getElementsByTagName("td");


// 遍历数组，为每一个td加上点击事件
for (var i = 0; i < td.length; i++) {
console.log("第"+i+"个td");
td[i].onclick = function (){
// alert("第"+this.id+"个td");
var id = Number(this.id);
switch (true) {
case id <= 5:
alert("HTML");
break;
case id > 5 && id <= 12:
alert("CSS");
break;
case id > 12 && id <= 19:
alert("JS");
break;
case id > 19 && id <= 26:
alert("PS");
break;
default:
alert("....");
break;
}
}
}


</script>


</html>
数据结构课程设计——基于哈希表的综合应用及拓展
qq_67204070的博客
06-14 814
c语言哈希表综合应用
android开发课程表app数据库,基于Android studio 的课程表增删查改功能(基于sqlite)
weixin_35161750的博客
05-28 2552
【实例简介】Android studio 用SQLite实现课程表的增删查改功能，：实现详情浏览、编辑、及新增功能。课程编号可以实现正则检查(编号规则XX00000，XX表示两位大写的字母，00000表示五位十进制数字)，并保证编号的唯一性。【实例截图】【核心代码】package com.example.kcb;import android.app.Activity;import android....
JAVA程序（用switch多分支语句写 “根据星期几查询当天的课程表”的程序）
XLM_CC的博客
07-29 1290
import java.util.Scanner; public class 课程表查询{ public static void main(String[] args){ Scanner input = new Scanner(System.in); System.out.println("请输入该礼拜第几天:"); int a = input.nextInt(); switch(a){ case 1: System.out.println("星期一"+"\n"+"上午1~3小节：体育课
用循环做课程表输出表格
07-30 1433
最近在做一个实验、机房预约系统，最开始用的dreamwaver做的表格，很大，而且程序共有3000多行，很不方便管理和修改~ 最近用循环和判断做了一个输出表格，源程序如下 hang=41    行变量lie=9     列变量leirong=blie&"&nbsp"&bhangfor bhang=1 to hang  response.write("")  ----------------
有很多功能的课程表，C语言大作业300行
weixin_62434745的博客
06-05 1235
一个课程表
课程表:基于万年历操作方法的某高校的（2022）的课程表
weixin_63032791的博客
01-02 2832
隔离生活太无聊，突然想到如何将课表进行一个代码的实现。于是写了一段代码来简略整个过程！ 思路方法:计算出1900年1月1日距离的当天的总天数，借助switch进行一个操作。对某些课程进行了一个单双周的判断选择过程， #include<stdio.h> #include<windows.h> int pp(int n) //判断奇偶数 { if(n%2 == 0) return 1; else return 0; } int leap(i
从零开始的c语言生活（switch日历）
weixin_55341896的博客
02-26 558
这两天一直在写如何输入月份将今年那个月份在电脑上打印出来，其中有很大一部分是参考（其实就是照着抄来的）只有最后打印与排版一部分是我自己写的，这次也算稍微复习了一下switch语句和for语句。https://blog.youkuaiyun.com/nfvision/article/details/114054320 上面这个是我参考的代码来源。 #include <iostream> #include <stdio.h> #include <time.h> #include <
C_disigning.rar_C语言程序_C课程设计_c 课程设计_c语言 应用_c语言课程设计
09-22
1. **基础语法**：熟悉并掌握C语言的基本语法元素，如变量声明、常量定义、运算符、流程控制语句（if-else、switch、for、while等）。 2. **函数**：理解函数的作用，学会如何定义、调用和传递参数，以及函数的递归...
Java课程表生成器：School Schedule Maker应用解析
Java具有跨平台性、安全性、多线程和网络编程等特性，使其成为开发大型、高性能、网络应用和企业级应用的理想选择。 从标签中可以推断出，School Schedule Maker程序很可能使用了Java的核心特性和API来构建其功能。...
c++课程表
06-27
本教程将围绕“C++课程表”这一主题，讲解如何利用C++设计并实现一个简单的课程表系统，涵盖课程的添加和删除功能。 课程表系统是管理学习计划的重要工具，它可以帮助学生或教师有效地组织和跟踪每日的课程安排。在...
利用switch语句解决问题：成绩等级
Slingchen的博客
10-23 7467
#include int main() { int grade, rate; scanf("%d", &grade); rate = grade/10; switch(grade) { case 10: //100分 case 9: //90-99分 printf("A\n");
MySQL学生表、老师表、课程表和成绩表查询语句，全部亲测
热门推荐
王芝麻的博客
09-19 7万+
建表可自行百度，重点为查询； 一、数据准备： 1.student学生表数据： 2.teacher老师表数据： 3.course课程表数据： 4.score成绩表数据： 二、数据查询 1.查询平均成绩大于60分的同学的学生编号和学生姓名和平均成绩： 语句：select st.StuId,st.StuName as st_name,avg(sc.StuScore) fr...
C语言中switch 的查找实现原理
k0bin的博客
03-19 4818
我们在学习C语言的switch语句的时候，是否有思考过，switch在底层是如何工作的？那么我们现在来看看switch的底层工作方式。1. if…else结果的查找当case语句是小于3句的时候，switch语句底层的实现和if…else的实现方式相同。2. 线性查找当case语句大于等于4的时候，且每两个case之间产生的间隔之和不超过6时，就按线性结构查找。即，如下图的汇编里面的jmp
如何实现一个简单教务系统的课程表查询
qq_38882976的博客
07-05 2万+
一、设计思路1.     首先做好课程表静态页面(可用Sublime，Dreawvear等开发工具编写，本人用Sublime编写，代码稍后附上)2.     数据库设计(可用access数据库、sql数据库或者mysql数据库，根据自己习惯选用数据库，本人选用access数据库。注意：连接不同数据库需要不同数据库驱动，自行百度下载)                                 ...
c语言switch做表格,汇编如何实现查表（C语言中的case - switch分支功能）
weixin_33516557的博客
05-20 374
汇编如何实现C语言中的分支功能？C语言：switch (R_DSP_BUFFER1){case lable1:statement;case lable1:statement;case lable1:statement;........default :statement;}汇编语言：movfw R_DSP_BUFFER1 // 将 switch的值赋值...
课程表（c语言）
你就是根号四的博客
06-21 1万+
c语言课程设计#include<stdio.h> #include<stdlib.h> #include<string.h> #include<time.h> #include<windows.h> #include<mmsystem.h> #pragma comment(lib,"WINMM.LIB") char course[99][99][99]; void menu()//菜单显示 {
JavaScript代码绘制课程表（留以自用）
l210148678的博客
12-13 7541
任务要求 要求：把一个json字符串格式的课程表数据，在页面上绘制成一周的课表 数据样例： var data = [ { XKBH: "R0101", KCMC: "毛泽东思想和中国特色社会主义理论体系概论", JSXM: "任XX", SJDD: "周一3-5节,尚农楼1-17;..周四6-7节,尚农楼1-17;", }, { XKDM: "R0187", KCMC: "中国近现代史纲要
利用switch语句编写一个程序
菜鸡程序员
05-16 1万+
利用switch语句编写一个程序，用户从键盘输入一个数字。如果数字为1~5，则打印信息：You wntered 5 or below!;如果数字为6~9，则打印信息：You entered 6 or higher!;如果输入其他，则打印信息：Between 1~9,please!#include&lt;stdio.h&gt;void main(){ int a; printf("请输入...
C语言程序设计课程大型应用作业解析
1. C语言基础语法：包括数据类型、变量、运算符、表达式、控制结构（如if-else, switch, for, while, do-while等）、函数定义、数组、指针等。 2. 结构化程序设计：强调程序设计的模块化、结构化原则，学习如何将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值