Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用HTML/CSS/Javascript在同一页面上的内容之间切换?_Javascript_Html_Css - Fatal编程技术网

如何使用HTML/CSS/Javascript在同一页面上的内容之间切换?

如何使用HTML/CSS/Javascript在同一页面上的内容之间切换?,javascript,html,css,Javascript,Html,Css,当用户在同一页面内的不同月/年选项之间切换时,我希望显示不同的内容。e、 g.如果用户选择该选项,我想显示2021年3月的用户事件。附件是我希望UI外观的屏幕截图 据我所知,用普通的html、css和js来实现这一点相当困难。您可以做的是每月使用,并使用css将所有这些设置为display:none,但应显示的除外。然后,您可以在两个箭头键上附加一个onclick侦听器。使用javascript,您可以隐藏当前月份,并使用display:block显示下一个月。您必须注意,所有单独的月份容器都位

当用户在同一页面内的不同月/年选项之间切换时,我希望显示不同的内容。e、 g.如果用户选择该选项,我想显示2021年3月的用户事件。附件是我希望UI外观的屏幕截图


据我所知,用普通的html、css和js来实现这一点相当困难。您可以做的是每月使用
,并使用css将所有这些设置为
display:none
,但应显示的除外。然后,您可以在两个箭头键上附加一个
onclick
侦听器。使用javascript,您可以隐藏当前月份
,并使用
display:block
显示下一个月。您必须注意,所有单独的月份容器都位于完全相同的位置

注意,这是一个非常不理想的解决方案,尤其是如果你有很多容器

执行此操作的正确方法是使用类似于
ReactJS
的东西,或者您也可以尝试
Ajax
。两者都允许您更改网站的一部分,而无需完全重新加载


这就是你能做到的。不要期望论坛上的任何人为你做这些工作。如果您有特定的问题,请随时提问,但这不是一个获得免费工作人员的平台。

您是在要求社区制作此网页吗?这不是它的工作原理,你不是在招聘自由职业者,如果你对你创建的页面有问题,请在你的代码中发布一个关于你不能做什么的问题。很抱歉,在你的反馈中注明!在iTunes上使用Ajax也不会改变网页的url吗?所以我只是在用户使用箭头更改月份时进行查询?这就是你的建议吗?这是真的,如果你想在点击箭头时改变url,Ajax不是一个解决方案。然后我个人会使用React with React RouteRookay,在这种情况下,我可能必须使用Ajax,因为我不希望url在用户每次选择monthGood时都发生变化,请点击复选标记将此答案标记为已接受,这样您的问题就不会再显示给其他用户。