刷新iframe的方法

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