如何偵測父頁面的 iFrame 來源 URL 變更？

偵測父頁面的iFrame 來源變更

在Web 程式設計領域，您可能會遇到需要監視iFrame 原始碼變更的場景父頁面中iFrame 元素的來源URL。如果您缺乏對 iFrame 內容的直接控制，這可能會很困難。

OnLoad 事件

一個潛在的解決方案是利用 iFrame 的 onLoad 事件。透過將 onLoad 處理程序附加到 iFrame，只要來源 URL 發生更改，您就可以收到通知。此方法適用於大多數現代瀏覽器，包括 Chrome、Firefox 和 Safari。

語法：

彈出警報：

當iFrame 的來源URL 更改時，會彈出警報通知您該事件。

跨域限制

需要注意的是由於跨域安全限制，onLoad 事件僅適用於從與父頁相同的域加載的 iframe。例如，如果父頁面託管在 example.com 上，則僅當 iFrame 來源 URL 也在 example.com 上時才會觸發 onLoad 事件。

存取 iFrame 位置

如果 iFrame 是從同一域內載入的，您也可以透過 contentWindow 屬性直接存取其 location 屬性。這提供了目前來源 URL 的更詳細視圖，包括任何查詢參數或片段。

語法：

結論

透過利用onLoad 事件或存取contentWindow.location 屬性，您可以有效地利用onLoad地偵測父頁面的iFrame 來源變更。當您對 iFrame 內容的控制有限但需要監視其行為時，這些技術特別有用。

以上是如何偵測父頁面的 iFrame 來源 URL 變更？的詳細內容。更多資訊請關注PHP中文網其他相關文章！