如何监听iframe页面内的跳转事件？

Question

假设我有一个root页面，root内引入index页面即<iframe src="index.html" name="index" id="index" frameborder="0"></iframe>,
index页面内可以点击跳转到A，B，C等页面，那我怎么在root页面的js中监听到index页面内的跳转呢,并且阻止index的跳转，只需要拿到URL

Answer 1

可以监听onload，iframe有跳转就会触发。
var iframe = document.getElementById('index');
iframe.onload = function() {

console.log(123)

}

Answer 2

我在做第三方登录的时候遇到了和你一样的问题 用户进入第三方的授权页面 点击授权后 第三方平台的页面会跳转到回调地址上 我只需要拿到回调地址上的参数就行了 目前是监听iframe的onload事件 然后获取地址 不知道有没有更好的办法 在onload之前就拿到地址