JS怎么实现iframe切换时，页面不刷新？

qq_32574587 2017-04-11 12:26:01

如图，类似浏览器顶部的tab切换，不管如何切换，只要不按F5或右键刷新，tab中的内容是不会自动刷新的。
问题：我tab里的内容其实是iframe，而不是div，当多个iframe切换时，如何保证内容不会刷新？？

...全文

1097 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

slwsss 2017-04-12

打赏
举报

回复

框架不刷新、重定向、表单提交是不会自己刷新的

JS页面跳转和js对iframe进行页面跳转、刷新

基于bootstrap用JS实现的局部刷新的案例，基于iframe实现tab页切换的效果

课程编号0003 请提供订单号联系讲师获取源码。本套课程是对成品毕业设计作品的讲解和分析，课程主要分析毕业设计作品“咖啡厅在线商城销售系统”的设计思路，了解系统与SQL Server数据库的操作和访问过程，掌握SqlConn操作类主要实现方法，掌握购物车功能设计的一般思路，设计重点与难点，明确图片上传时数据操作类的实现过程，掌握iframe框架在设计系统界面时的简单方法，该课程将以实战的方式来对代码进行讲解，本课程讲解的内容将围绕毕业设计答辩易考问题进行讲解。注意：学院会员可以免费学习部分课程，有需要可付费购买源码课程

问题描述 html <iframe id="h5Content" src=""></iframe> js $("#h5Content").attr("src","${h5.url}"); h5.url对应的是一个ueditor编辑好存到数据库的一个页面. 修改这个页面内容提交后,iframe 中呈现的页面并没有变化. 原因 iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不刷新内容; 解决办法原因找到了,解决就非常容易了.想任何一种办法让iframe的src的值有

[增加] 增加fixed方式的select，可用在表格、滚动弹窗中 [增加] 增加动态模板功能 [增加] 主页工作台、控制台的内容进行了补充完善 [增加] 增加了注册页面、忘记密码页面 [增加] loading风格增加了一个layui简约样式 [增加] 增加tab切换、侧边栏点击、多系统切换等事件监听 [优化] 切换tab自动刷新支持每个子页面自定义刷新方法，可实现切换tab只重载表格 [优化] treeTable升级(增加toolbar、筛选列、拖拽列宽等)、dataGrid重构(兼容旧版) [优化] 页面层弹窗也支持tpl:true，弹窗开启tpl会自动忽略表格模板列等防止冲突 [优化] 垂直导航、折叠面板展开折叠过渡效果在admin.js中实现，不再修改element.js [优化] 表单验证的tips颜色方向等可配置在admin.js中实现，不再修改form.js [优化] ew-href、lay-href支持写js，如lay-href="javascript:layer.msg('开发中');" [优化] iframe版不需要在每个页面写loading了，由框架自动增加 [优

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章