如果iframe src无法加载，则会出现捕获错误。错误： - “拒绝在框架中显示

Question

如果iframe src无法加载，则会出现捕获错误。错误： - “拒绝在框架中显示'http://www.google.co.in/'..”

我Knockout.js用来绑定iframe src标签（这可以根据用户进行配置）。

现在，如果用户已配置http://www.google.com（我知道它不会在iframe中加载，这就是为什么我将它用于-ve场景）并且必须在IFrame中显示。但它会引发错误： -

拒绝在框架中显示“ http://www.google.co.in/ ”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

我为iframe提供了以下代码： -

<iframe class="iframe" id="iframe" data-bind="attr: {src: externalAppUrl, height: iframeheight}">
    <p>Hi, This website does not supports IFrame</p></iframe>

我想要的是，如果网址无法加载。我想显示自定义消息。 骗子在这里

现在，如果我使用onload和onerror作为： -

<iframe id="browse" style="width:100%;height:100%" onload="alert('Done')" onerror="alert('Failed')"></iframe>

它可以正常加载w3schools.com，但不能与google.com。

其次： - 如果我把它作为一个功能，并尝试像我在我的小提琴，它不起作用。

<iframe id="browse" style="width:100%;height:100%" onload="load" onerror="error"></iframe>

我不知道如何让它运行并捕获错误。

Answer 1

onload将始终触发，我解决此问题使用try catch block。当您尝试获取contentDocument时，它将抛出异常。iframe.onload = function(){    var that = $(this)[0];    try{         that.contentDocument;    }    catch(err){         //TODO     }}