<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刚刚好