javascritp如何判断是从刷新(重新加载)、正常打开(或链接打开)、还是从浏览器回退进入页面的

重点先下另外一个知识点：

在我们的Web站点采用主体页面的iframe导航各个子页面（浏览器地址在不pushState或replaceState时将保持不变）的情况，当iframe中通过变更src属性值变更打开的子页面时，浏览器会自动添加一条可回退的历史记录，后续能够在浏览器中点击后退按钮或在主体页面history.go(-1)进行回退和前进页面。这种情况有可能是我们希望的，也有可能是我们不希望出现的（比如用来模拟tab页的情况）。

那如何控制iframe子页面切换时不增加历史记录呢？

1. 最简单的方式：切换src时重新渲染iframe（https://www.jianshu.com/p/90c228f6bcb0)：

vue中，直接给iframe加一个key属性:
 <iframe :src="srcUrl" :key="src" />
由于vue中的key更改时会重新渲染这个组件，因此这个方法是可行的。我们直接将src值赋值给key就可以实现切换src时重新渲染iframe了。

2. 不通过iframe的src属性值切换子页面，而是采用“iframe.contentWindow.location.replace” (https://blog.csdn.net/WMW_wmw/article/details/127344807)：
watch: {
  'srcUrl'(newValue, oldValue) {
    setTimeout(() => {
      let iframe = this.$refs.iframe
      if (newValue !== undefined && newValue !== null && iframe !== undefined) {
        iframe.contentWindow.location.replace(newValue)
      }
    }, 50)
  }
},
以下代码则是向浏览器的回退历史栈增加一个记录，但浏览器不会在调用 pushState() 之后尝试加载该方法指定的地址（注意：新的URL可以是绝对路径或相对路径，但必须与当前 URL 同源，如果该参数没有指定，则将其设置为当前文档的 URL）：
history.pushState(null, '', window.location);  //这里的URL参数为window.location
更复杂的情况可以参考本人之后转载的另一篇文章：点击iframe中的链接时，使用历史记录pushState更改父窗口的URL-CSDN博客