link管理
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
玩篮球的手套 · Blockly源码解析_blockly ...· 3 月前 · |
|
|
近视的茶壶 · x86 intrinsics list | ...· 2 年前 · |
|
|
眼睛小的桔子 · Kotlin入门(32)网络接口访问 - ...· 2 年前 · |
|
|
怕老婆的卤蛋 · Java中List排序的3种方法 - ...· 2 年前 · |
|
|
耍酷的枕头 · 如何使用 Automation ...· 2 年前 · |
如果iframe src加载失败，则捕获错误。错误：-“拒绝在帧中显示'http://www.google.co.in/‘..”
EN
问
如果iframe src加载失败，则捕获错误。错误：-“拒绝在帧中显示'http://www.google.co.in/‘..”
Stack Overflow用户
提问于
2013-03-07 21:56:11
回答 9
查看 158.6K
关注 0
票数 85
我使用
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>我想要的是，如果URL加载失败。我要显示 自定义消息 。
现在，如果我使用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>我不知道我应该如何让它运行并捕获错误。
编辑：-我在堆栈溢出中看到了 Want to call a function if iframe doesn't load or load's 问题，但它显示了可以在iframe中加载的站点的错误。
另外，我已经研究了 Stackoverflow iframe on load event ，谢谢！
EN
回答 9
Stack Overflow用户
回答已采纳
发布于 2013-09-07 03:47:10
由于浏览器设置的 Same Origin Policy ，您无法从客户端执行此操作。除了宽度和高度等基本属性之外，您无法从iFrame中获得太多信息。
此外，谷歌在其响应头中设置了SAMEORIGIN的“ X-Frame-Options ”。
即使您对google进行了ajax调用，您也无法检查响应，因为浏览器执行了同源策略。
因此，唯一的选择是从您的服务器发出请求，看看您是否可以在IFrame中显示该站点。
所以，在你的服务器上..您的web应用程序将向www.google.com发出请求，然后检查响应以查看它是否具有X-Frame-Options头参数。如果它确实存在，那么您就知道IFrame将出错。
票数 50
EN
Stack Overflow用户
发布于 2013-09-01 04:57:52
我认为您可以绑定iframe的
load
事件，该事件在iframe内容完全加载时触发。
同时，您可以启动setTimeout，如果iFrame已加载，则清除超时，或者让超时触发。
代码：
var iframeError;
function change() {
var url = $("#addr").val();
$("#browse").attr("src", url);
iframeError = setTimeout(error, 5000);
function load(e) {
alert(e);
function error() {
alert('error');
$(document).ready(function () {
$('#browse').on('load', (function () {
load('ok');
clearTimeout(iframeError);
});演示： http://jsfiddle.net/IrvinDominin/QXc6P/
第二个问题
这是因为您在内联函数调用中遗漏了括号；请尝试更改以下内容：
<iframe id="browse" style="width:100%;height:100%" onload="load" onerror="error"></iframe>如下所示：
<iframe id="browse" style="width:100%;height:100%" onload="load('Done func');" onerror="error('failed function');"></iframe>
票数 14
EN
Stack Overflow用户
发布于 2017-08-04 19:05:07
onload将始终是触发器，我解决了这个问题使用尝试捕获block.It将抛出一个异常，当您尝试获取contentDocument。
iframe.onload = function(){
var that = $(this)[0];
推荐文章