如何阻止 iframe 页面中的外部超链接？

Question

我正在制作一个在iframe（跨域）中显示另一个网站的网站。问题是 iframe 中的站点中有外部超链接，我想以某种方式阻止或禁用它们。我只想阻止外部超链接。

即如果iframed页面为example.com/info:

• 块：<a href="http://other_example.net/pwn">Bad Link</a>
• 允许：<a href="http://example.com/donate">Good Link</a>

我该怎么做？ Greasemonkey 和某种脚本？还是别的什么？

Answer 1

用户脚本或浏览器扩展都可以做到这一点。 Greasemonkey 脚本将在页面上运行，无论它是否在 iframe 中（除非您告诉它不要这样做）。
要阻止外部链接，请将每个链接的 hostname 与 iframed 页面的 hostname 进行比较。

这是一个完整的 Greasemonkey 脚本，它说明了这个过程：

// ==UserScript==
// @name     _Block cross-domain links
// @include  http://www.puppylinux.com/*
// @grant    GM_addStyle
// ==/UserScript==

//-- Only run if the page is inside a frame or iframe:
if (window.top !== window.self) {
    var linkList = document.querySelectorAll ("a");

    Array.prototype.forEach.call (linkList, function (link) {
        if (link.hostname !== location.hostname) {
            //-- Block the link
            link.href = "javascript:void(0)";
        }
    } );

    //-- Mark the links, so the user knows what's up.
    GM_addStyle ( "                             \
        a[href='javascript:void(0)'] {          \
            white-space: nowrap;                \
            cursor: default;                    \
        }                                       \
        a[href='javascript:void(0)']::after {   \
            background: orange;                 \
            content: 'X';                       \
            display: inline-block;              \
            margin-left: 0.3ex;                 \
            padding: 0 0.5ex;                   \
        }                                       \
    " );
}

您可以针对this test page on jsFiddle 安装和运行该脚本。

注意：

• 包含页面是fiddle.jshell.net/9aQv5/3/show/。
• iframe 页面为www.puppylinux.com。
• 当您运行该脚本时，外部链接将被禁用，并且被禁用的链接标有“X”。
• 这种方法适用于简单的静态页面。对于 AJAX 驱动的页面，请使用 waitForKeyElements()。

Answer 2

为此，您必须使用下面的 Javascript 函数比较您的 url href 属性

// this function will give host name
function get_hostname(url) {
    var m = url.match(/^http:\/\/[^/]+/);
    return m ? m[0] : null;
}

   var hostName =  get_hostname("http://example.com/path");

这将返回http://example.com/，如您的示例输出所示。

使用上述功能，您可以比较您的 URL，如果它与您的主机名匹配 - 那么您可以允许重定向页面，或者您可以显示外部链接的消息