跨域下使用獲取iframe的父頁面URL

2021-08-09 18:44:13 字數 453 閱讀 2130

通常情況下,我們獲取iframe父頁面的url很簡單:parent.location或top.location即可,但前提是它們遵循同源策略。

當iframe與父頁面不屬於同乙個網域名稱時,像上面的獲取會因為安全策略原因而失敗。在nczonline的一篇文章上看到一種方法,使用document.referrer。

方法很簡單,通過parent !=

window檢測iframe與父頁面是否同源,當不同源時,使用document.referrer,否則使用parent.location.href或者top.location.href;

function getparenturl() catch (e)  

}return url;

}

當iframe是被動態建立的時候,以上方式依然有效。當然,你也可以使用window.name的方式去做處理。

跨域下使用獲取iframe的父頁面URL

通常情況下,我們獲取iframe父頁面的url很簡單 parent.location或top.location即可,但前提是它們遵循同源策略。當iframe與父頁面不屬於同乙個網域名稱時,像上面的獲取會因為安全策略原因而失敗。在nczonline的一篇文章上看到一種方法,使用document.ref...

iframe跨域獲取的父頁面URL

這2天主要處理乙個子頁面與父頁面跨域互動問題,子頁面需要獲取父頁面的url來傳遞資料,取不到,查資料得知,故整理一波.當iframe與父頁面不屬於同乙個網域名稱時,像上面的獲取會因為安全策略原因而失敗。在nczonline的一篇文章上看到一種方法,使用document.referrer。方法很簡單,...

iframe跨域獲取的父頁面URL

當iframe與父頁面不屬於同乙個網域名稱時,像上面的獲取會因為安全策略原因而失敗。在nczonline的一篇文章上看到一種方法,使用document.referrer。方法很簡單,通過parent window檢測iframe與父頁面是否同源,當不同源時,使用document.referrer,否...