位置: IT常识 - 正文

使用 iframe出现了缓存,导致页面不会刷新的解决方案(iframe frame)

编辑:rootadmin
使用 iframe出现了缓存,导致页面不会刷新的解决方案

推荐整理分享使用 iframe出现了缓存,导致页面不会刷新的解决方案(iframe frame),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:iframe vh,iframe使用详解,iframe使用详解,iframe使用详解,使用iframe有哪些缺点,iframe vh,iframe的问题,iframe的问题,内容如对您有帮助,希望把文章链接给更多的朋友!

事情是这样的,我在打代码的时候,需要在A页面里引入B页面

我使用了iframe 这个标签 来引入页面B

但是我发现 当我更改完页面B的内容 将它上传到服务器后,我访问这个A页面,这个我使用iframe 引入的页面B 的内容并没有更新,经过一番研究搜索,我发现了 是iframe这个标签带的缓存导致的

解决方案一:

把原来的ifram 标签变成div

<dic id="activity"> </div>

然后在JS里 进行这个ifram的引用操作

// 获取div标签var activity = document.querySelector('#activity');// 创建日期var ts = new Date().getTime()// 使用es6模板语法 将变量拼接到地址栏document.write(`<iframe src="./RainEffect-master/demo/index.html?+${ts}"frameborder="0"></iframe>`)

这个时间的作用就是:

使用 iframe出现了缓存,导致页面不会刷新的解决方案(iframe frame)

在iframe指向的页面地址后缀添加一个时间戳。确保每次加载时,让浏览器知道它是最新的页面,避免缓存。

可是这里就结束了吗?并没有,又出现了一个新的问题

当你更新页面内容的时候你会发现正常更新了,但是CSS样式并没有更新!

原因:

页面B引入的CSS文件(注意是引入的CSS文件) 在ifram中也存在缓存,但是上面这个方法明显解决不了ifram中CSS文件的缓存问题

解决方案:

直接在B页面里 写个stlye标签 来写CSS 样式 这样CSS样式就能及时更新了

下面说下 我有篇 用 jquery 引入页面 的缓存解决方案

把引入的代码改成 下面的就可以了 ,也是加了个时间

$(function () {// 创建时间var ts = new Date().getTime()$(document).ready(function () {//jquery load方法加载公共头部// 使用 es6模板语法进行变量拼接$("#header").load(`./header.html?${ts}`, function () { //加载完成后设置高亮$("#navigation_1").children().attr("style", "color: #fff");$("#navigation_1").attr("class", "selected");});});})

解决方案二 :

游览器进入直接刷新ifram 标签:

// 进入事件window.onload = function () {onloadIfram()}// 刷新iframfunction onloadIfram() {document.getElementById('#activity').contentWindow.location.reload();}
本文链接地址:https://www.jiuchutong.com/zhishi/287207.html 转载请保留说明!

上一篇:解决本地浏览器运行项目时的跨域问题Access to XMLHttpRequest at ‘file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%(解决本地浏览器的方法)

下一篇:hpbpro.exe是什么进程 有什么作用 hpbpro进程查询(hptlbxfx.exe)

  • 哈啰出行导航怎么切换(哈啰出行导航怎么设置)

    哈啰出行导航怎么切换(哈啰出行导航怎么设置)

  • 笔记本启动黑屏(笔记本启动黑屏 安全启动没事)

    笔记本启动黑屏(笔记本启动黑屏 安全启动没事)

  • vivo前置摄像头为什么打不开(vivo前置摄像头打不开怎么办)

    vivo前置摄像头为什么打不开(vivo前置摄像头打不开怎么办)

  • WPS中Word文字底纹去除方法(wps文字底色)

    WPS中Word文字底纹去除方法(wps文字底色)

  • 桌面一直在闪无法运行(桌面一直在闪烁)

    桌面一直在闪无法运行(桌面一直在闪烁)

  • modifiablewindowsapps是什么文件夹(modifiablewindowsapps怎么移动)

    modifiablewindowsapps是什么文件夹(modifiablewindowsapps怎么移动)

  • 苹果需要清理后台吗(苹果需要清理后盖吗)

    苹果需要清理后台吗(苹果需要清理后盖吗)

  • 发票打印机不自动进纸(发票打印机不自动吸纸)

    发票打印机不自动进纸(发票打印机不自动吸纸)

  • 抖音怎样用别人的场景(抖音怎样用别人的视频去除抖音号)

    抖音怎样用别人的场景(抖音怎样用别人的视频去除抖音号)

  • 酷安app是干嘛用的(酷安app是做什么的)

    酷安app是干嘛用的(酷安app是做什么的)

  • 华为手机怎么设置动态锁屏(华为手机怎么设置呼叫转移)

    华为手机怎么设置动态锁屏(华为手机怎么设置呼叫转移)

  • 注册抖音新号需要注意些什么(注册抖音新号需要多少钱)

    注册抖音新号需要注意些什么(注册抖音新号需要多少钱)

  • 手机内屏坏了有危险么(手机内屏坏了有什么影响)

    手机内屏坏了有危险么(手机内屏坏了有什么影响)

  • 支付宝收款语音播报怎么没声音(支付宝收款语音播报怎么添加店员)

    支付宝收款语音播报怎么没声音(支付宝收款语音播报怎么添加店员)

  • 华为mate30有什么功能(华为mate30有什么缺点)

    华为mate30有什么功能(华为mate30有什么缺点)

  • word设置页面为16开(word设置页面为浅绿色)

    word设置页面为16开(word设置页面为浅绿色)

  • oppor11通话设置在哪(oppor11手机的通话设置在哪里设置)

    oppor11通话设置在哪(oppor11手机的通话设置在哪里设置)

  • 淘宝界面怎么不一样了(手机淘宝怎么不在桌面)

    淘宝界面怎么不一样了(手机淘宝怎么不在桌面)

  • 荣耀手环3怎么重启不了(荣耀手环3怎么连接小米手机)

    荣耀手环3怎么重启不了(荣耀手环3怎么连接小米手机)

  • 小米8se怎么激活电池(小米8激活锁)

    小米8se怎么激活电池(小米8激活锁)

  • 网易账号绑定身份证后能被找回么(网易账号绑定身份证怎么找回)

    网易账号绑定身份证后能被找回么(网易账号绑定身份证怎么找回)

  • 苹果手机如何拍证件照(苹果手机如何拍星空夜景)

    苹果手机如何拍证件照(苹果手机如何拍星空夜景)

  • 实名验证怎么改(实名验证怎么改游戏)

    实名验证怎么改(实名验证怎么改游戏)

  • 微信设置来信息铃声在哪里设置(微信设置来信息不显示内容是防别人偷看)

    微信设置来信息铃声在哪里设置(微信设置来信息不显示内容是防别人偷看)

  • 苹果手机发朋友圈不要照片怎么发(苹果手机发朋友圈怎么定位其他城市)

    苹果手机发朋友圈不要照片怎么发(苹果手机发朋友圈怎么定位其他城市)

  • excel如何画线条(excel里面画线条哪里调出来)

    excel如何画线条(excel里面画线条哪里调出来)

  • vue项目关于:Error Cannot find module ‘xxx\bin\vue-cli-service.js‘的解决方案(vue.$el)

    vue项目关于:Error Cannot find module ‘xxx\bin\vue-cli-service.js‘的解决方案(vue.$el)

  • 应付税费重分类如何做会计分录?
  • 企业给员工购买社保的规定
  • 消费税的账务处理流程
  • 公司收到生育津贴不发给员工 分录
  • 什么样的运输发动机最好
  • 债务重组损失计算公式
  • 增值税专票过了3年能抵扣吗
  • 别人的项目挂靠我公司怎么做账?
  • 个人所得税0申报操作流程
  • 一般纳税人开具房屋租赁费税率
  • 维护服务合同可不可以一直续签
  • 买车购置税为什么除11.3
  • 航天金税费用怎么做账
  • 体检发票开公司还是个人
  • 小规模季度不超30万需要交什么税
  • 到期一次还本付息债券
  • 律师事务所的会计账务处理
  • 所得税收入包含哪些
  • 买购物卡发福利怎么发
  • 成本分摊会计
  • 工商年报社保需要多少钱
  • 电脑右下角的弹窗怎么关
  • 关于企业之间资金拆借的法律规定
  • 不动产租赁如何缴纳增值税
  • 退税需要怎么操作
  • 工业企业生产成本核算表
  • 餐费发票可以抵扣成本吗
  • 关闭固定在任务栏的功能
  • 第三方科技
  • win10双系统删除linux
  • 其他应付款与应付款的区别
  • 如何提高php性能
  • 收到银行本票的账务处理
  • php7异常处理
  • php文件用什么运行
  • 资产证券化 会计处理
  • 科技型中小企业享受优惠税收政策
  • 管理费用销售费用
  • swiper.js常用功能
  • php搜索框查询数据库
  • php页面跳转方法
  • phpsubstr方法参数
  • 环境检测费计入什么费用
  • css字体加粗怎么弄
  • js轮播图视频教程
  • 交易性金融资产属于流动资产
  • python 子进程通信
  • 国家企业信用公示信息公示
  • 公司贷款 利息
  • 税法对工资薪金的要求
  • 什么叫非限定性不定方程
  • 资产负债表是根据科目余额表填的吗
  • 季节性停工损失计入存货成本吗
  • 专票已认证但又不能抵扣
  • 公司送客户的礼品账务处理
  • 代开专票作废了扣了两次税怎么办?
  • 各大银行网银转账限额
  • 销售费用是营业费用吗
  • 根据企业会计准则第11号规定,下列关于等待期
  • 公司购买的车辆
  • 财务控制的方法和措施
  • 数据库表的创建心得体会
  • mysql获取当前时间
  • windows 2003 iis+php5+mysql+phpmyadmin 详细安装配置
  • linux搭建gitlab
  • freebsd更新命令
  • 如何更改ubuntu下载源
  • windows1021h1新功能
  • centos init
  • win7系统关闭自动休眠
  • win7关闭系统更新在哪里
  • win7耳机和外放一起响
  • javascript中获取字符串长度
  • js原型作用
  • node cgi
  • 安卓手机命令代码
  • jquery使用教程
  • 青海国家税务局官网
  • 季度企业所得税分录
  • 房产税是按套还是按套
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设