刷新iframe

<iframe src="/test/test" name="ifrmName" id="ifrmId"></iframe>

方法一:用iframe的name属性定位

function reload () {
    document.frames('ifrmName').location.reload()
}

 

function reload () {
    document.all.ifrmName.document.location.reload()
}

方法二:用iframe的id属性定位

function reload () {
    ifrmId.window.location.reload()
}

方法三:当iframe的src为其它网站地址(跨域操作时)

function reload () {
    window.open(document.all.ifrmName.src,'ifrmName','')
}

非跨域刷新

方法四:

// 通过各种手段获取的iframe window对象都行
const frameWindow = document.querySelector('#ifrmId').contentWindow 
frameWindow.location.reload()

跨域刷新(非跨域也可以)

方法五:通过重新给iframe的src赋值来刷新

// 方法1
const tmpUrl = document.all.myFrameName.src
window.open(tmpUrl ,'myFrameName')
// 方法2
const el = document.querySelector('#myFrameId')
const tmpUrl = el.src
el.src = tmpUrl 

终极方法

const el = document.querySelector('#myFrameId')
const tmpUrl = el.src
el.src = 'about:blank' // 作为一个临时的链接,如果是其它正常可访问URL,会浪费一些不必要流量
const _t = setTimeout(()=>{
	el.src = tmpUrl
	clearTimeout(_t)
}, 300) // 太短,iframe依然反应不过来,太长效果又不好,300ms刚刚好

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值