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+""); }