单击iframe中的网址时关闭iframe

时间:2014-03-10 23:48:18

标签: javascript jquery html css iframe

大家好我在JSFiddle中创建了这两段代码:First codeSecond code。如果您查看第二个代码,我会尝试在点击iframe中的网址时关闭iframe。

提前谢谢

2 个答案:

答案 0 :(得分:0)

看起来您没有CORS访问权限,因此您无法使用JavaScript点击<iframe src='page'>上的任何内容。

$(document).ready(function(){
  var ifc = $('#iframecontainer'), ifr = ifc.find('iframe');
  var btn = $('#button');
  ifc.fadeIn('slow', function(){
    ifc.css('background', "url('http://www.calgaryramsrugby.com/images/ajax-loader.gif')");
    ifr.attr('src', 'http://coinurl.com/get.php?id=22615').load(function(){
      ifc.css('background', '#fff');
      btn.click(function(){
        ifc.hide();
        alert("Can't find attributes in iframe through JavaScript without CORS access");
      });
    });
  });
  btn.mouseover(function(){
    btn.css('cursor', 'pointer');
  });
});

如果它隐藏了您的元素,它将无法打开iframe内的链接。 http://jsfiddle.net/PD82A/4/

答案 1 :(得分:0)

在没有using a workaround的iframe情况下,您不能访问parent.document。

由于安全设置,您收到了CORS错误。

  

SecurityError:阻止原点为“http://fiddle.jshell.net”的框架   从访问跨源框架。

该解决方法有效,因为您在iframe中包含另一个iframe,该iframe来自与父级相同的原点,因此您可以访问主窗口