Question

我有一个网页进入一个html iframe，该网页有一个javascript函数来打开链接，该函数使用window.open方法打开一个新窗口。

我无法修改javascript函数（页面是用mapguide制作的），所以我想在iframe之外捕获该调用，将新窗口的内容放入ajax模式框架，而不是打开一个新窗口，这有可能吗？

Answer 1

虽然我不建议这样做，但您可以覆盖iframe中window.open函数的定义，假设您的网页和iframe位于同一个域中，以避免XSS安全错误。

HTML：

<iframe id="myFrame" src="...">
</iframe>

父窗口中的javascript：

var frame = document.getElementById('myFrame');

if (frame) {
    frame.contentWindow.open = function (url, windowName, windowFeatures) {
        // do whatever you want here (e.g. open an ajax modal frame)
    };
}

Answer 2

我认为'mapguide'内容是从与包含iframe的网页不同的域提供的。

如果是这种情况，您需要“代理”“地图指南”内容 - 即：您的iframe需要从您的其他脚本网址（我假设此示例为PHP）中加载mapguide内容服务器，其代码将从它真正来自的任何地方获取“mapguide”软件。这部分很简单，服务器端代码可能如下所示：

<? 
    $content = file_get_contents('http://mapguide.domain/path/to/contents');

    // alter content here

    print $content;
?>

iframe src属性应指向服务器上包含该代码的PHP文件（而不是“mapguide”服务器）。

如果'mapguide'内容包含HTML链接，加载CSS / JavaScript文件或执行AJAX调用，那么您需要让服务器端代码重写这些URL以引用回服务器。这部分不是很容易，而且实际上取决于“mapguide”JavaScript的复杂程度。

因此，在上面的评论alter content here之后，您需要对$content中包含的HTML进行一些糟糕的正则表达式替换（或解析并重新生成），目标是更改每个URL都可以通过“代理”PHP脚本传递，并从“mapguide”服务器上的相应位置加载。

如果你设法将所有这些关闭，那么你的iframe将是与包含HTML页面相同的域中的服务器，因此外部页面的JavaScript将能够替换iframe的window.open功能 - - 防止弹出窗口，或做任何你想做的事情 - 正如@jbabey在另一个答案中所说的那样。

所有这些都假设“地图指南”内容未附带用户协议和/或版权政策，禁止“抓取”（自动复制）其（“地图指南”内容的作者）内容。

Answer 3

这里有一个我一直在努力的类似的嗤之以鼻......让内容窗口变得正确很难，但也许这提供了一些见解？

//get a reference to the iframe DOM node
var node_iframe = document.getElementById("myiframe");

//get a reference to the iframe's window object
var win_iframe = node_iframe.contentWindow;

//override the iframe window's open method
win_iframe.open = function(strUrl,strName,strParams){

    /* create an object (to substitute for the window object) */
    var objWin = new Object;

    /* save the open arguments in case we need them somewhere */
    objWin.strUrl = strUrl;   
    objWin.strName = strName; 
    objWin.strParams = strParams; 

    /* create a blank HTML document object, so any HTML fragments that 
     * would otherwise be written to the popup, can be written to it instead */
    objWin.document = document.implementation.createHTMLDocument(); 

    /* save the object (and document) back in the parent window, so we 
     * can do stuff with it (this has an after-change event listener that 
     * pops a YUI Panel to act as a kind of popup) -- NOTE: the object in 
     * the parent window that we're saving this to has YUI Attribute installed
     * and listens to changes to the objPopupWindow attribute... when it 
     * gets changed by this .set() operation, it shows a YUI Panel. */
    parent.MyCustomClassObjectWithYUIAttributes.set('objPopupWindow', objWin); 

    /* return the object and all its members to whatever was trying to 
     * create a popup window */
    return objWin; 
    };//end override method definition

从javascript中捕获window.open

3 个答案: