实现点击JSP页面的ul标签切换iframe

最新推荐文章于 2023-06-28 22:26:46 发布

Tomcat_x

最新推荐文章于 2023-06-28 22:26:46 发布

阅读量3.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Java 前端

本文链接：https://blog.youkuaiyun.com/qq_34550979/article/details/79063935

本文记录了在JSP项目中遇到的问题，通过jQuery实现点击左侧ul列表，动态切换右侧iframe内容的过程。作为一个初学者，作者分享了实现思路，并欢迎更高级的解决方案进行交流。

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

今天做项目遇到了一个问题，JSP页面左侧有一个ul列表，右部是一个H5的iframe标签，要求点击ul标签实现iframe的切换，最后用了jQuery解决了这个问题，初学乍练，记录一下实现经过，以便日后查看。

主页内容Index.jsp

<ul id="bankuai" style="background-color: #B9DEF0;">
	<li class="active" value="0"><a href="Index.jsp">论坛导航</a></li>
		<li value="1"><a href="#">推荐</a></li>
		<li value="2"><a href="#">咨询</a></li>
		<li value="3"><a href="#">人工智能</a></li>
		<li value="4"><a href="#">云计算/大数据</a></li>
		<li value="5"><a href="#">区块链</a></li>
		<li value="6"><a href="#">数据库</a></li>
		<li value="7"><a href="#">程序人生</a></li>
		<li value="8"><a href="#">游戏开发</a></li>
		<li value="9"><a href="#">计算机基础</a></li>
		<li value="10"><a href="#">研发管理</a></li&g