在iframe中跟踪导航

时间:2012-11-16 17:33:26

标签: javascript html iframe

假设我的HTML页面中有iframe

<html>
<body> 
This is my page
<button> Button </button>
<iframe src="www.example.com"></iframe>
</body>
</html>

因此,用户可以点击iframe页面www.example.com上的链接。是否可以使用JavaScript跟踪用户导航到的链接,然后当用户点击Button时,将这些链接发送到我的服务器?

1 个答案:

答案 0 :(得分:4)

您将无法从承载iFrame的页面跟踪iFrame中的事件。您可以从iFramed页面中跟踪导航,然后使用window.postMessage将URL信息发送到父页面。这将要求您控制iFrame中的页面,并且您只能跟踪您控制的页面上的点击次数,并且可以正确设置以将邮寄消息发送给父级。

您可以阅读有关[window.postMessage] following this link的更多信息。需要注意的是,某些较旧的浏览器(IE7)不支持 postMessage ,因此您可以使用像Window postMessage plugin这样的库,它使用window.location.hash轮询这些浏览器。我以前使用过这个库并且已经成功了。