刷新iframe的方法

it2025-07-30  7

JS/jQuery 刷新 iframe 的方法

1、JavaScript 刷新 iframe 可以使用以下方法:

document.getElementById('some_frame_id').contentWindow.location.reload();

实例:

<iframe id="myframe" width="100%" frameBorder="0" src="https://www.runoob.com scrolling="no"></iframe> <input type="button" onclick="javascript:refreshFrame();" value="Refresh Frame" /> <script type="text/javascript"> <!-- function refreshFrame(){ document.getElementById('myframe').contentWindow.location.reload(true); } //--> </script>

2、jQuery 刷新 iframe 可以使用以下方法:

$('#iframe').attr('src', $('#iframe').attr('src'));

3.vue环境下

<li @click="closeAllTabs">关闭所有</li> <li @click="closeOtherTabs('left')">关闭左边</li> <li @click="closeOtherTabs('right')">关闭右边</li> <li @click="closeOtherTabs('other')">关闭其他</li> <li @click="flushTable">刷新页面</li> //vue操作

挂载的函数

//刷新页面 flushTable(){ var that=this; var tempEditableTabs = that.currentContextTabId console.log(tempEditableTabs); $("#tabIframe_"+tempEditableTabs).attr('src', $("#tabIframe_"+tempEditableTabs).attr('src')); }, // 关闭其它标签页 closeOtherTabs(par) { var that = this; let tempEditableTabs = that.editableTabs; if(par=="left"){ for(let i=0;i<tempEditableTabs.length;i++){ if(tempEditableTabs[i].name==that.currentContextTabId){ break; } if(tempEditableTabs[i].title!="首页"){ that.removeTab(tempEditableTabs[i].name+""); } } }else if(par=="right"){ let tag = 0; for(let i=0;i<tempEditableTabs.length;i++){ if(tempEditableTabs[i].name==that.currentContextTabId){ tag=1; }else if(tag==1){ that.removeTab(tempEditableTabs[i].name+""); }
最新回复(0)