Vue如何在iframe中刷新\关闭整个页面

淡淡的烟草味﹌ 2022-12-02 03:56 397阅读 0赞

vue：

<div class="read_heton" v-if="packOff">
        <iframe src="https://www.baidu.com"
                frameborder="0"
                width="100%"
                height="100%">
        </iframe>
    </div>
    
    直接设置：
    this.packOff = false;

if(res.success){
              parent.location.reload(); //刷新整个当前页
    }
    
    window.location.href  location.href 本页面跳转
    parent.location.href  上一层页面跳转
    top.location.href 最外层页面跳转

function loadUrl(url) {
            if (window != top){
                top.location.href = url;
                return;
            }
            window.location.href = url;
        }

设置父页面url跳转

top.location = 'path'
    or 
    top.location.href = 'path'

iframe里面 按钮点击 关闭当前iframe

//父页面有iframe的
    <body>
        <iframe id="main" src="test.htm"  frameborder="no" ></iframe>
    </body>
    
    iframe页面：
    <div class="wrap" id="btn"> 
            点击隐藏
    </div> 
    <script type="text/javascript">
      document.getElementById("btn").onclick = function(){
        window.parent.document.getElementById("main").style.display="none";
      }
     </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，397人围观）

还没有评论，来说两句吧...

相关阅读

相关 iframe 页面刷新

1.点击刷新 \[1\].html页面代码 <a href="javascript:;" title="刷新当前页" id="Refresh" style=

绝地灬酷狼/ 2023年06月03日 04:57/ 0 赞/ 29 阅读

相关如何关闭iframe，打开新页面

问题： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

野性酷女/ 2022年12月29日 00:11/ 0 赞/ 203 阅读

相关 Vue如何在iframe中刷新\关闭整个页面

vue：  <div class="read_heton" v-if="packOff"> <iframe src="

淡淡的烟草味﹌/ 2022年12月02日 03:56/ 0 赞/ 398 阅读

相关 vue+elementui 如何刷新整个界面

在这里当我们上传图片再对图片进行回显的时候，当前这个vue文件还是可以得到这个图片的地址从而进行回显的，而当我们一个界面是由两个vue构成的呢？那么另一个vue该怎么进行重新加

以你之姓@/ 2022年10月25日 12:57/ 0 赞/ 523 阅读

相关 iframe框架中的页面刷新

　1，reload 方法，该方法强迫浏览器刷新当前页面。　　语法：location.reload(\[bForceGet\]) 　　参数： bForceGet，可选参数

我就是我/ 2022年07月16日 00:52/ 0 赞/ 314 阅读

相关在frameset，frame，iframe中如何操作其他框架中的页面以及如何刷新框架中的页面

frameset，frame，iframe可以让我们很好的布局整个web页面。每个web工程没有不用到这些的，那在frameset，frame，iframe中如何操作其他框

心已赠人/ 2022年05月27日 12:08/ 0 赞/ 253 阅读

相关在frameset，frame，iframe中如何操作其他框架中的页面以及如何刷新框架中的页面...

frameset，frame，iframe可以让我们很好的布局整个web页面。每个web工程没有不用到这些的，那在frameset，frame，iframe中如何操作其他框

一时失言乱红尘/ 2022年04月15日 02:10/ 0 赞/ 240 阅读

相关在frameset，frame，iframe中如何操作其他框架中的页面以及如何刷新框架中的页面...

frameset，frame，iframe可以让我们很好的布局整个web页面。每个web工程没有不用到这些的，那在frameset，frame，iframe中如何操作其他框

以你之姓@/ 2022年04月15日 02:10/ 0 赞/ 263 阅读

相关父窗口获取不了iframe中的元素及a标签页面整个刷新

这次在学习jQuery时，页面的头和尾用了iframe标签嵌套页面，但在操作iframe中标签时碰到两个问题，一是a标签的跳转在局部刷新，二是获取不到iframe中的元素。

男娘i/ 2022年01月21日 08:45/ 0 赞/ 555 阅读

相关 Vue监听页面刷新和关闭功能

我在做项目的时候，有一个需求，在离开（跳转或者关闭）购物车页面或者刷新购物车页面的时候向服务器提交一次购物车商品数量的变化。将提交的一步操作放到 beforeDestro

今天药忘吃喽~/ 2021年11月02日 17:06/ 0 赞/ 652 阅读