Question

通常，如果我们点击iframe窗口中的链接，将在iframe窗口中查看定向新页面。我是否有办法在不在iframe窗口中的情况下显示新页面。

先谢谢，塞缪尔马修斯。

Answer 1

您可能知道链接的TARGET属性。有了它，您可以加载不在当前但在另一个命名（I）FRAME /窗口中的链接页面。

还有一些特殊的目标名称可能会对您有所帮助：

_parent：打开包含当前（I）FRAME的框架中的页面
_top：在当前浏览器窗口中打开一个页面作为顶部框架

还有其他特殊目标，但在这种情况下它们并不重要。请参阅：http://www.w3schools.com/tags/att_a_target.asp

Answer 2

使用jQuery，您可以轻松地从iframe获取任何元素，例如在点击时附加事件回调并相应地执行操作，例如查看您需要的页面。

例如，

http://jsfiddle.net/Lmx9X/show/

请参阅此处的代码，

http://jsfiddle.net/Lmx9X/

<强> JS

    $(document).ready(function(){
/*define a callback function to all anchors of iframe*/
        $('#subpage').contents().find('a').on('click',function(e){
/*prevent the default behaviour of navigating to the href of the anchors*/
            e.preventDefault();
/*do whatever you require, here for example a dialog is presented and navigates the parent page to the href url*/
            if (confirm('Prevented iframe from navigating to page. Do you want outer page to navigate instead??')) {
                var url = $(this).attr("href");
                window.location.href = (url.indexOf("#")==0?window.location.href:"")+$(this).attr("href");
            }else{
                alert("ok, will not navigate!");
            }
        });
    });

<强> HTML

<iframe id="subpage" src="http://jsfiddle.net/s22Jm/1/show"></iframe>

链接iframe中的页面并定向到没有iframe的页面

2 个答案: