angularjs-如何在iframe元素更改时读取src属性

Question

我试图理解如何在用户从包含iframe的父页面浏览iframe时读取iframe的src属性。 这可能吗？

因此，假设我将iframe src属性设置为

“ http://www.example.com ”

然后，用户导航到

“ http://www.example.com/anotherpage.html ”

我怎么知道何时进行更改以及新的src？

任何帮助表示赞赏，

谢谢

Answer 1

您可以使用onLoad事件，因此请提供一个处理程序：

 <iframe src="http://www.example.com" onLoad="iFrameSourceChanged(this);"></iframe>

var originalUrl = "http://www.example.com";
function iFrameSourceChanged(iframe)
{
     if(iframe.src != originalUrl)
      {
         // it changed to a different source
      }
}

只要iframe的来源发生变化，就会调用iFrameSourceChanged函数

Answer 2

您可以通过使用自定义指令来实现。

  <iframe ng-src="{{iframelink}}" iframeurlload></iframe>

自定义指令

app.directive('iframeurlload', function($state) {
        return {
            restrict: 'A',
            link: function(scope, element, attrs) {
                element.bind('load', function() {
                    var url =angular.element(document.querySelector('iframe')).contents()[0].URL;
                    if (url.includes("anotherpage")){
                        // Do anything what you want
                    }
                });

            }
        };