俺要讲话 2020-07-22 16:22 采纳率: 60%
浏览 686
已采纳

html中iframe子页面相互跳转后，原先页面中控件样式保持不变

index页面中有5个iframe子页面，在导航栏上点击按钮跳转。
初次打开界面后页面样式根据后台硬件设备状态改变元素样式，但是在页面操作过后跳转其他子页面后返回来页面恢复了默认样式。想要的结果就是，跳转前是什么样子的，返回来之后就是什么样式。不需要恢复默认样式。
这个就是刚打开的页面并做了一些操作之后
这个图片是跳转其他子页面后回来的样式
在跳转期间，url地址没有变换，始终都是在index页面下。
有没有大哥能告诉小弟我用什么办法可以不然页面恢复默认值

  • 写回答

6条回答 默认 最新

  • 甜甜圆圆圈圈 2020-07-23 15:53
    关注

    最完美的解决方案就是用tab切换，不去改变iframe的url，这样可以有效的避免页面重新加载导致的数据丢失。其他的方案都不完美，如果用localStorage存在本地，页面加载的时候还得去判断是用远端的数据还是本地缓存的数据。相比较而言虽然使用tab改起来会麻烦一点，但是逻辑上面会比存本地简单点

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题？

  • 2024前端面试题总汇（持续更新中...）
    2023-09-26 06:11
    小菜猿_的博客 前端面试八股文大全！！！！！
  • 前端面试汇总
    2022-10-19 16:48
    无名呆瓜的博客 前端面经
  • 【前端】BOM & DOM
    2025-03-10 21:26
    七灵微的博客 在箭头函数中, this指向外层"函数"作用域this的值 window对象常见事件 iframe相关 window.parent.getUserInfo() 是在 iframe 场景下使用的一种 跨窗口调用 方法，通常用于 子页面（iframe 内部）调用父页面的方法，...
  • 前端面试题-vue篇
    2024-01-09 16:16
    _未知_开摆的博客 vue前端面试题-不断更新中~已有130题 刚毕业面试提到最多的 ：vue生命周期和钩子，组件传值方式，methods、computed 和 watch 的区别和应用场景，Vue 中的 key 作用三个存储localStorage和什么什么的区别，vuex你的...
  • 前端最全面试题整理（持续更新）
    2023-02-17 23:56
    胡萝卜大王驾到的博客 类的继承 4.2 ES6类的创建和继承 类的创建 类的继承 5、如何解决异步回调地狱 6、 说说前端中的事件流 7、如何让事件先冒泡后捕获 8、说一下事件委托 事件代理在捕获阶段的实际应用 9、说一下图片的懒加载和预加载 ...
  • 前端面试题（react）
    2022-06-20 08:36
    前端小尘的博客 replaceState 是完全替换原来的状态，相当于赋值，将原来的 state 替换为另一个对象，如果新状态属性减少，那么 state 中就没有这个状态了接收旧的 state 和 action，返回新的 state受控组件就是可以被 react 状态...
  • 前端性能优化方法总结
    2017-03-20 10:25
    静和澜漪的博客 前端性能优化（一） 前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 　1. 从用户角度...
  • 前端性能优化总结（遇到好的，就得珍惜）
    2019-08-05 19:51
    朱小润的博客 前端性能优化（一） 前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 　1. 从用户角度而言...
  • javascript后面部分
    2022-04-07 15:19
    Pwsifeng的博客 服务器端：把前端要展示的数据存储到数据库中，前端需要时把数据库的数据再传递给前端 ​ （服务器端：我们学习php语言，php语言运行在apache服务器上） 数据库：一个存储数据的仓库（mysql），可以让后端进行数据...
  • 前端面经 300条，背完这些就够了！
    2020-10-21 16:47
    MichaelToLearn的博客 但是确实是本人秋招之间总结的经验，前端岗位，会很多也不行，有时候秋招就是面试官看你的知识广度和深度，特别是前端的岗位，设计的方方面面太多了，只有提前准备好，理解好，然后背下来，才能够在秋招中畅通无阻~ ...
  • 前端经典面经--助你金九银十面试无烦恼
    2021-09-12 16:33
    前端酱紫的博客 前端经典面经–助你金九银十面试无烦恼 说一下http 和https 参考回答： https 的 SSL 加密是在传输层实现的。 http 和https 的基本概念 http：超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端...
  • 前端面试笔记随笔---kalrry
    2022-04-05 17:37
    kalrry的博客 面试笔记---kalrry第一部分：HTML5+CSS31、父元素和子元素宽高不固定，如何实现水平垂直居中2、分别实现骰子中的'一点' 和 '三点' 的布局。3、简述选择器~和+的区别。4、简述box-sizing的有效值以及所对应的盒模型...
  • 前端开发面试题
    2018-12-30 06:53
    weixin_34238633的博客 第一份：github.com/qiu-deqing/…第二份：前言本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸...
  • Spring+SpringMVC+MyBatis+JQ+BootStrap练习
    2022-07-25 17:31
    hrui0706的博客 html:静态页面,css:美化页面,js动态显示页面,jsp其实就是servlet但是因可以动态交互页面 传值你说属于前端就属于前端吧控制器(Controller):控制业务处理流程(接收请求,接收参数(封装参数,根据不同的请求调用对应 ...
  • 没有解决我的问题, 去提问