在div中加載外部內容並操作dom

我想將外部內容（從不同的域名）加載到div中，並操縱這個外部加載的內容的dom。例如，我加載了div bbc.com，我希望能夠在此頁面中選擇所有「a」標籤鏈接。這裏是我爲例已經jscribble 在div中加載外部內容並操作dom

$(document).ready(function(){ 

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

做這種JScribble，我剛纔已經嘗試讓「一」的標籤，才能看到反應過來使用.hide（）函數，如果「標籤」被發現。但由於跨域安全性，似乎沒有找到它。

所以我不知道iframe是解決方案。

是否有任何其他方式來加載一個div內的外部內容和操縱dom？（外部內容具有不同的域名）

來源

2015-04-04 user3206631

它不可能使用操作與跨域，您需要iframe的內容調用到您的域名...

如果你的文件是HTML，那麼你應該試試這個

 

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

當鼠標進入到將會消失的錨標籤（隱藏）！同樣你可以做鼠標退出時，你可以顯示它回來...

來源

2015-04-05 07:00:35

它仍然沒有工作....它似乎沒有工作..這是我的東西已經嘗試過了：http：//www.nathaliedupasquier.fr/Load_2/index.html – user3206631 2015-04-05 13:44:13

由於same origin policy，您無法使用跨域iframe執行操作。你可以做的是獲取iframe內容服務器端並將其作爲來自你自己的域的服務器。

這些鏈接可以幫助cors，phantom

來源

2015-04-04 22:09:11 tkay

要去試試這個，謝謝你 – user3206631 2015-04-04 23:14:27

在div中加載外部內容並操作dom

回答

相關問題