js可否獲取iframe到當前url

一、iframe中的src屬性和iframe當前url一致嗎

iframe默認加載src屬性的url,可是若是iframe內部發生跳轉，當前url並不會同步到src屬性上

二、iframe如何監聽iframe的url變化

（1）onload

iframe每次從新加載頁面時都會觸發onload方法

iframe.onload = function (e) {
  // 
}
複製代碼

（2）監聽iframe屬性變化

使用MutationObserver監聽iframe的src屬性變化,需注意的是若是是iframe內部執行的方法致使url變化則不會觸發src屬性變化

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;

var observer = new MutationObserver(items => {
  items.forEach(item =>{
      console.error(item)
      iframeChange(item.oldValue, item.target.src, item.target)
  })
})

var options = {
  attributes: true, // 屬性
  attributeFilter: ["src"] // 表示須要觀察的屬性
}


observer.observe(Iframe, options);

function iframeChange(oldValue, newValue, iframeData){
  console.log("舊地址："+oldValue)
  console.log("新地址："+newValue)
}
複製代碼

三、獲取iframe當前url

經過contentWindow獲取

iframe.contentWindow.location.href
複製代碼

可是對於iframe和頁面有跨域的 ， 是沒法獲取到contentWindow.location.href的

四、對於Chrome中若是頁面加載失敗，Window.location.href沒法獲取到實際訪問的目標連接，可是能夠經過如下方法獲取

Iframe.contentWindow.loadTimeData && SSOIframe.contentWindow.loadTimeData.data_.summary.failedUrl

或
window.document.querySelector('#reload-button').url
複製代碼