javascript - 如何获取iframe内跳转后最新的src值？

问题描述

问 题

页面out.html 嵌入iframe，其src值为 in.html，in.html中有一系列a标签，当点击这些a标签时，在iframe中完成页面的跳转，iframe切换到新的页面地址。

页面跳转完成之后，使用jquery获取iframe的src属性，发现还是out.html，如何获取iframe的最新地址（src）值？

更新

或者说如何监控iframe的地址变动（将iframe的地址变动记录下来）？

解决方案

假设你的iframe id='iframe'，获取最新地址如下：

var iframeWindow = document.getElementById('iframe').contentWindow;
var currentHref = iframeWindow.document.location.href;

监听iframe src变化，可以使用onLoad事件，如下：

<iframe src="http:XXX" onLoad="alert('Test');"></iframe>

src变化，onLoad会被调用。但有一个前提，src和你的父窗口的地址必须是同源的，也就是不能跨域

这篇关于javascript - 如何获取iframe内跳转后最新的src值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！