Js 在来自外部域的父级的 iframe 中打开 link

Question

我正在与 angular 和有线卡支付提供商合作。当我需要添加付款时，我在 iframe 中打开 wirecard link 到该站点供用户接受付款。在他点击接受后，我将 wirecard link 提供回我的网站，但问题是当我点击接受时 link 在 iframe 中打开，而不是在父级中打开。我怎样才能通过这个？

<iframe ng-if="paymentIframeUrl" id="paymentIframe" ng-src="{{paymentIframeUrl}}" width="100%" height="200"></iframe>

PaymentsService.paymentMethodProccess(paymentMethod).then(function(res) {
 $scope.paymentIframeUrl = res.data.data.context.redirectUrl;
});

Answer 1

您可以在 iframe 上收听 load 事件并检查 url 如果这是您的 url 然后您可以关闭弹出窗口并执行任何操作你要。

例如：

document.getElementById("Iframe").addEventListener('load', function() {

try {
   var url = document.getElementById("Iframe").contentWindow.location.href;
   if( url.indexOf('yoururl') > -1 ) {
   //do what ever you want
   }
} catch {}

}

Js 在来自外部域的父级的 iframe 中打开 link

Js open link in iframe on the parent from external domain

javascript

angularjs

iframe