位置: 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)

  • pc端的网页设计确认本次企业网站建设的需求和预算,找合适的第三方网站建设公司确认企业网站的具体功能和需求

    pc端的网页设计确认本次企业网站建设的需求和预算,找合适的第三方网站建设公司确认企业网站的具体功能和需求

  • 腾讯会议开悬浮窗会被发现吗(腾讯会议开悬浮窗摄像头会黑屏吗)

    腾讯会议开悬浮窗会被发现吗(腾讯会议开悬浮窗摄像头会黑屏吗)

  • 手机号封了两次还能解除吗(手机号封了两次还能用吗)

    手机号封了两次还能解除吗(手机号封了两次还能用吗)

  • ios13信息感叹号怎么办(iphone13 信息感叹号)

    ios13信息感叹号怎么办(iphone13 信息感叹号)

  • 无人机校准imu有什么用(无人机如何校准imu)

    无人机校准imu有什么用(无人机如何校准imu)

  • 华为hms core有必要更新吗(huawei hms core)

    华为hms core有必要更新吗(huawei hms core)

  • 微信群号在哪里看(微信群号在哪里看得到)

    微信群号在哪里看(微信群号在哪里看得到)

  • 二维码收款显示违规怎么回事(二维码收款显示对方账户疑似身份冒用)

    二维码收款显示违规怎么回事(二维码收款显示对方账户疑似身份冒用)

  • 华为畅享10e微信分身在哪里(华为畅享10e微信视频可以美颜吗)

    华为畅享10e微信分身在哪里(华为畅享10e微信视频可以美颜吗)

  • 为什么打空格后面的字会没有(为什么打空格会有小点)

    为什么打空格后面的字会没有(为什么打空格会有小点)

  • 手机充错话费可以退吗(手机充错话费可没少交)

    手机充错话费可以退吗(手机充错话费可没少交)

  • 三星语音助手怎么唤醒(三星语音助手怎么设置语音唤醒)

    三星语音助手怎么唤醒(三星语音助手怎么设置语音唤醒)

  • 全屏钢化膜和非全屏钢化膜有什么区别(全屏钢化膜和非全屏哪个好)

    全屏钢化膜和非全屏钢化膜有什么区别(全屏钢化膜和非全屏哪个好)

  • ipad微信群发失败(ipad微信群发功能不见了)

    ipad微信群发失败(ipad微信群发功能不见了)

  • web标准的构成主要包括(简述web标准各部分的含义)

    web标准的构成主要包括(简述web标准各部分的含义)

  • 在计算器上off表示什么(在计算器上off表示啥)

    在计算器上off表示什么(在计算器上off表示啥)

  • 华为蓝牙耳机freebud3使用方法(华为蓝牙耳机freelace)

    华为蓝牙耳机freebud3使用方法(华为蓝牙耳机freelace)

  • 手机wps表格怎么画表(手机wps表格怎么调整表格大小)

    手机wps表格怎么画表(手机wps表格怎么调整表格大小)

  • 华为手环怎么打开蓝牙(华为手环怎么打开微信)

    华为手环怎么打开蓝牙(华为手环怎么打开微信)

  • 电脑强开手机usb调试(电脑强制打开手机usb)

    电脑强开手机usb调试(电脑强制打开手机usb)

  • 苹果7p多少寸(ipone7p多少寸)

    苹果7p多少寸(ipone7p多少寸)

  • mate30和mate20pro区别(mate30跟mate20pro)

    mate30和mate20pro区别(mate30跟mate20pro)

  • windows错误蓝屏怎么办(win10蓝屏系统错误)

    windows错误蓝屏怎么办(win10蓝屏系统错误)

  • 手机上淘宝怎么进自己的店铺(手机上淘宝怎么开店)

    手机上淘宝怎么进自己的店铺(手机上淘宝怎么开店)

  • 双卡双4g手机有哪些(双卡双4g手机有哪几款)

    双卡双4g手机有哪些(双卡双4g手机有哪几款)

  • 小米8volte在哪里设置(小米8不支持volte联通通话)

    小米8volte在哪里设置(小米8不支持volte联通通话)

  • 递延所得税资产借贷方向
  • 隔月发票退回应该如何操作
  • 企业流动资产周转率下降的原因
  • 缴纳上月附加税会计科目
  • 支付职工医疗保险怎么查
  • 其他应收款财务报表取数
  • 开出收据要做财务报表吗
  • 出口未开票怎么会计处理
  • 股东参与经营可以分红吗
  • 季度应收账款周转天数是按多少天除
  • 货物和运费一起开票怎么开
  • 通用定额发票真伪查询系统
  • 下列支出不可以从其应纳税所得额中扣除的是
  • 有限合伙企业jp
  • 启用新账簿
  • 没有建筑资质能办安全生产许可证吗
  • 关于城建税教育费附加地方教育附加的计算
  • 个人所得税需要计提吗?怎么做会计分录
  • 季报表利润表本月怎么算
  • 税务局工会经费新举措
  • 个体工商户是否需要报税
  • 党员参加集体活动规定
  • 应交增值税会计科目
  • 学校维修维护费包括哪些
  • 六税两费包括哪三税
  • 当月没有进项税额抵扣怎么办
  • 季报小微企业不包括哪些
  • 纳税人享受增值服务
  • 运输公司造成的损耗
  • 折旧可以计入主体成本吗
  • 入库单的金额填不填价税合计
  • 怎么在bios里设置usb开关
  • key是什么文档
  • 预收账款什么时候开发票
  • php识别中文
  • 股东分红如何缴纳企业所得税
  • 有形动产租赁税收优惠
  • 房产税的纳税申报与处理会计分录
  • 堪察加半岛上的汉族人
  • php字符串在另一个字符串出现
  • linux运行c++程序
  • discuz关闭电脑版
  • 餐厅如何计提固定成本
  • 用盈余公积弥补亏损会影响所有者权益吗
  • 长期挂账的其他应付款税务风险
  • python中的元组
  • 收到退回的企业所得税分录
  • 申报的财务报表在哪里查询
  • 触发器失败是什么意思
  • 资本公积可以转增资本因此称之为准资本
  • centos彻底删除文件
  • 金税盘技术服务费怎么交费
  • 28栏分次预缴税额是手动填写吗?
  • 其他债权投资如何计提减值
  • 低值易耗品如何评估
  • 残疾人就业保障金会计分录怎么做
  • 公司自己搭建的房子出租可以按投资性房地产吗
  • 销售暂估业务处理
  • 出口货物质量不足怎么办
  • 会计准则规定了什么
  • 科目汇总表里面要填累计折旧吗
  • 64位Win10系统安装Mysql5.7.11的方法(案例详解)
  • 强制结束进程命令快捷键
  • mac有线不能上网
  • solaris的vi编辑
  • windows注册表保存在BIOS
  • win10如何打开管理
  • 如何快速让你的钱变多
  • win8.1企业版激活密钥最新
  • dell power manager是什么
  • 阿里云服务器linux系统
  • xp系统部分乱码解决
  • linux系统怎么更改语言
  • Win10如何设置电脑密码
  • Unity Socket TCP
  • JavaScript中的变量名不区分大小写
  • 广西国家税务总局电子税务局官网
  • 深圳税务服务大厅电话
  • 四川税务干部学校官网
  • 税务筹划怎么样
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设