在页面中加入iframe后,打开页面会短暂显示上次关闭前的页面

这是body的代码


<a-button  @click="playPPT" id="openfullscreen">

<div style="overflow: hidden; width: 0; height: 0;">
      <iframe src="" width="100%" height="100%" id="fullscreenIframe" style="background-color: #0D74B7"></iframe>
    </div>

这是js的主要代码

 function fullscreen (id) {
        var element = id ? document.getElementById(id) : document.body
        if (element.requestFullscreen) {
          return element.requestFullscreen()
        } else if (element.webkitRequestFullScreen) {
          return element.webkitRequestFullScreen()
        } else if (element.mozRequestFullScreen) {
          return element.mozRequestFullScreen()
        } else {
          return element.msRequestFullscreen()
        }
      }
      const that = this
      document.getElementById('openfullscreen').addEventListener('click', function (e) {
        var ifr = document.getElementById('fullscreenIframe')
        ifr.src = that.windowUrl
        fullscreen('fullscreenIframe')
        e.preventDefault()
      }, false)

第一次打开,页面是正常的全屏显示,从第二次打开起,每次进入页面,都会显示上次关闭前的页面,短暂停留大概一秒钟,才会变为现在的页面

怎么解决短暂停留上次关闭前的页面,让其不显示

每次进入清掉上次的数据