1

Angular アプリでいくつかの Iframe を表示する必要があります。

そのために、私のHTMLは

<iframe ng-src="{{iframeObj.iUrl}}" frameborder="0"></iframe>

ただし、X-Frame-Options:SAMEORIGIN または DENY の場合、iframe で iUrl が許可されていない場合

それから私のIFrameは来ません、そして来ないのは当然です。

しかし、iframe が正しく読み込まれない場合に代替テキストを表示したい。同様に Image タグには alt 属性があります。

Iframe を読み込めないときに代替テキストを表示する方法が必要です。

ほとんどの場合、AngularJS とプレーンな JavaScript ソリューションが望まれます。

前もって感謝します。

4

1 に答える 1

0

あなたの問題の解決策を見つけました:

アイデアは、src を設定するonloadにイベントを設定することです。

このコードを試すことができます:

document.getElementsByTagName('iframe').onload=function(){
    try{
        var win=this.contentWindow;
        win.closed && error_function();
    }catch(e){
        error_function();
    }
};

仕組みについては、こちらをご覧ください: http://jsfiddle.net/tec6y2y9/1/

:フィドルでは、実際に機能することを示すためにいくつかの変更を加えました! はerror_function()、失敗した場合にコードを配置した場所を示す架空の関数です。

これがうまくいくことを願っています。

于 2014-10-21T14:25:48.713 に答える