2回答

好帮手慕码

2020-02-12

已采纳

同学你好，针对你的问题如下解答：

（1）“内页的切换”是指 点击预约挂号部分内容中的每一项科室单击时都可跳转到scheduling页面吗？可以使用 a标签的跳转功能。

（2）科室排班表的思路：1、先设置布局：

（1）最外层的盒子，宽度要设置的就是表格这个区域的宽度。可以存放一星期的内容。超出的隐藏。

（2）schedule这部分，就是嵌套的第二个盒子，需要设置一个很大的宽度，因为要存放7个星期的显示哦。

（3）里面的是一天的情况，一个schedule_box_item表示一天。可以先在htm中写出一个结构，设置下样式，最后注释掉，使用在js中插入就可以了。

2、js导入数据：表格中的数据就是动态获取的。我们这里是通过js仿数据库，生成少量的数据显示。至于如果显示，可参考该思路：

（1）    先定义一个数组，将7天对应的星期几的都先写好。

（2）    作业要求是输入今天即当前日后之后的7个星期的排班。所以我们一共要计算7*7=49天

（3）    通过new date获取当前日期

（4）    当前日期+1天（可通过毫秒数计算），但我们需要的结果是年月日，所以将+1后的值通过new Date转化、然后在通过getDay()、getFullYear()、getMonth()获取符合我们常识的年月日。

（5）    从定义的数组中，取出对应的星期数

（6）    向页面中插入数据，插入数据的同时，还可以将包含数据的节点一起生成、插入dom中。可以不使用表格展示，div元素也可以的

（7）    以上为一天（即一个上午、下午、晚上、头部日期）的结构。循环49次即可

（8）    由于展示值班表的大盒子设置了超出部分隐藏、所以只会显示7天的情况。鼠标单击向后或者向前、动态改变left值或right值了。

（9）插入的hmtl结构，可以参考如下（其实就是与我们开始设置的html结构是对应）；例：

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0

hechnicalTopSales

h 老师，这些跳转是由不同的html文件进行吗，还是说在一个html文件里进行的

h020-02-12

共1条回复

好帮手慕码

2020-02-12

同学你好，请问是点击这里的跳转吗？点击下图红框中的内容：

跳转到下图：

是页面的跳转，是两个html页面哦！

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0

hechnicalTopSales

h ！那就容易很多了，我还以为是同页面。谢啦

h020-02-12

共1条回复