在 div 中加载外部内容并操作 dom

Question

我想要的是将外部内容（来自不同的 dom 主名称）加载到 div 中并操纵此外部加载内容的 dom。例如，我加载了 div bbc.com 并且我希望能够 select 此页面中的所有 "a" 标签 link。这是我在 jscribble

中完成的示例

$(document).ready(function(){

$('#wrap').contents().find('iframe').mouseenter(function() {
    $('a').hide();
});  
});

在这个 JScribble 中，我刚刚尝试使用 .hide() 函数让 "a" 标签做出反应，以便查看是否找到 'tag'。但似乎因为交叉domain security.

找不到它

所以我不再确定 iframe 是否是解决方案。

有没有其他方法可以在 div 中加载外部内容并操作 dom ？（外部内容有不同的 dom 主名称）

Answer 1

由于 same origin policy，您无法使用跨域 iframe 执行操作。您可以做的是获取 iframe 内容服务器端并将其作为来自您自己域的内容提供。

这些链接可能会有帮助cors,phantom

Answer 2

不能跨域操作，需要调用iframe内容到你的域名...

如果你的文件是 html 那么你应该试试这个


    $(document).ready(function(){
       $(document).ready(function($) {
        var tmp = $('#wrap iframe').contents().find('html').mouseenter(function() {
        $('a').hide();
    });  
               // alert(tmp); use for debugging
            });
    });

当鼠标进入锚点标签时会消失（隐藏）！当鼠标退出时你可以做同样的事情你可以把它显示回来...

在 div 中加载外部内容并操作 dom

Load external content in div & manipulate dom

iframe

jquery

dom

cross-domain