单击iframe时,它会加载正在显示的页面

时间:2013-09-02 14:49:35

标签: javascript jquery html iframe

我试图在点击iframe时加载它正在显示的页面。我已经尝试将其放在<a href="blaa.com"><iframe src="something.com"></iframe></a>标记内,但这不起作用。我希望效果非常像zoomer,当您点击iframe时,它会将您发送到源页面。此效果将要求iframe不允许选择其文本。我尝试在相同大小的iframe上面放置一个图层并且具有该链接但是这不起作用,因为这个iframe会做什么。

修改
iframe位于同一个域

3 个答案:

答案 0 :(得分:1)

好的第三次尝试:javascript的魔力

jQuery有一个名为.contents()的方法,当在iframe元素上使用时会返回iframe的文档。

// Get a reference to the iframe document
var iframeDoc = $('#inviteFrame').contents().get(0);

现在您可以将click事件绑定到它:

// Bind event to iframe document
$(iframeDoc).bind('click', function( event ) {
  // User has clicked the Iframe !!
});

答案 1 :(得分:0)

您可以将iFrame中的整个页面设为与目标_top的链接,但仅限于网址为。(html / php)#iframe

答案 2 :(得分:-1)

哦,我明白了。为什么不只是页面的图像转到实际页面,而不是iframe?