Question

我想要的是将外部内容（来自不同的域名）加载到div中并操纵此外部加载内容的dom。例如，我在div bbc.com中加载，我希望能够选择所有＆＃34; a＆＃34;此页面中的标记链接。这是我在jscribble

中完成的一个例子

$(document).ready(function(){

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

在这个JScribble中，我只是尝试制作＆＃34; a＆＃34;标签使用.hide（）函数进行反应，以查看＆＃39;标签＆＃39;找到了。但似乎因为跨域安全而找不到它。

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

还有其他方法可以在div中加载外部内容并操作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＆amp;中加载外部内容操纵dom

2 个答案: