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

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

主页内容Index.jsp



在本页面head中加入如下jQuery脚本(ps:需要的jQuery相关的js文件自行导入)
这样就基本实现了开头所说的功能,通过jQuery来移动li标签的class属性,然后来获取用户点击的li项对应的value值,以此来判断验证并修改iframe的src属性,以此来达到点击切换iframe窗口的应用。

抛砖引玉,如果大佬有更好的思路,可以留言互相探讨

                                                     ——  一只蹒跚前行的小菜鸟



你可能感兴趣的:(Java,前端)