如何检查框架源是否已更改并在新窗口中打开源代码

Question

我们正在创建一个基于网络的移动应用程序。该应用程序有一个在窄框架中加载的广告。在 iPhone 上进行测试时，我们注意到当点击广告时，它会在（原生应用的）广告框架内加载，而不是在新窗口中打开。

我们现在希望通过检查框架的来源来检测广告是否被点击。如果源已更改，我们希望获取该 URL 并使用 Javascript 在新窗口中打开它。然后，我们想将帧的来源重置为原始。

这是我们目前的代码。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>

<script>
$(document).ready(function() {
    setTimeout( checkAdLocation, 250 );
});

function checkAdLocation() {
    var adLocation = window.frames['adframe'].document.location;
    if(adLocation!='http://path/play.php?showad') {
        window.frames['adframe'].document.location.href = 'play.php?showad';
        window.open( adLocation );
    }
    alert( adLocation);
    setTimeout( checkAdLocation, 2000 );
}

</script>

<frameset cols='50%,50%'>
   <frame src='play.php?showad' name=adframe>
   <frame src='http://google.com'>
</frameset> 

谢谢。

Answer 1

从您的代码看来，广告似乎位于同一个域中？如果是这种情况，最简单的方法就是将target="_blank" 注入该框架中的所有 a 标签。

使用 jQuery（您在示例中包含了它，所以我假设可以使用），应该这样做：

    $(adframe.document.body).find('a').attr('target', '_blank');