美文网首页
JS刷新Iframe,跨域

JS刷新Iframe,跨域

作者: 泡杯感冒灵 | 来源:发表于2020-07-22 10:07 被阅读0次

需求

项目中会有刷新iframe的需求,

方法

  • 一般情况下,我们直接用iframe的location.reload(true)方法就可以了,它的缺点是,如果是刷新外部的URL(不同源的),那么这种方法会报跨域的错误。
    Blocked a frame with origin xxxx from accessing a cross-origin frame.
  • 这个时候我们需要用另外一种方法window.open()看例子:
<iframe :src="qrcodePath" name="refresh_name" style="width:300px;height:500px;" id="qrcodeIframe">
<el-button type="primary" @click="refreshIframe" class="refreshBtn">刷新</el-button></iframe>

  refreshIframe(){
       const iframe = document.getElementById('qrcodeIframe');
       window.open(iframe.src,'refresh_name','')
  } 

相关文章

  • JS刷新Iframe,跨域

    需求 项目中会有刷新iframe的需求, 方法 一般情况下,我们直接用iframe的location.reload...

  • PHP跨域问题

    使用iframe方式实现局部刷新,但是iframe不支持跨域 通过script方式,src属性可以实现跨域,但只能...

  • 利用form做跨域请求

    怎么做跨域请求? js+form+iframe 优点:跨域提交get和post的方式访问都是可以的 缺点:没有返回...

  • iframe页面相互调用方法

    关键词:iframe,跨域,vue最近的项目中嵌入了外部的iframe,想跨域调用自己页面的方法,点击iframe...

  • Iframe高度自适应

    1. 同域iframe高度自适应 2. 跨域iframe高度自适应

  • 前端如何解决常见跨域问题

    跨域解决方案 1、 通过jsonp跨域 2、 document.domain + iframe跨域 3、 loca...

  • Web前后端跨域问题处理

    跨域问题有前台跨域(iframe间)和后台跨域。 前台跨域的解决方案可以采用跨域文档通讯(Cross domain...

  • iframe跨域

    来自在知乎看到的iframe 完全跨域,就是不同域名不同服务器之间的跨域?JS 如何做到?的回答,出自作者鲁小夫。...

  • JS_JAVA_资源_浏览器跨域问题

    前提:跨域问题只会出现在浏览器中,也就是JS中,Iframe中。其他后台语言是不会出现跨域问题的,如java爬虫 ...

  • 前端常见跨域解决方案

    一、通过Jsonp跨域二、document.domain+iframe 跨域三、location.hash+ifr...

网友评论

      本文标题:JS刷新Iframe,跨域

      本文链接:https://www.haomeiwen.com/subject/dzczkktx.html