Javascript Iframe innerHTML

Question

Кто-нибудь знает, как получить HTML из-за IFRAME я попробовал несколько различных способов:

document.getElementById('iframe01').contentDocument.body.innerHTML 
document.frames['iframe01'].document.body.innerHTML 
document.getElementById('iframe01').contentWindow.document.body.innerHTML 

и т.д.

Answer 1

Если вы посмотрите на JQuery, вы можете сделать что-то вроде :

<iframe id="my_iframe" ...></iframe> 

$('#my_iframe').contents().find('html').html(); 

Это при условии, что ваш IFrame родитель и ребенок находятся на том же сервере, благодаря Same Origin Policy в JavaScript.

Answer 2

Я думаю, что это то, что вы хотите:

window.frames['iframe01'].document.body.innerHTML 

EDIT:

Я его на хорошей власти, что это не будет работать в Chrome и Firefox, хотя он отлично работает в IE, где я его протестировал. Оглядываясь назад, это была большая ошибка

Это будет работать:

window.frames[0].document.body.innerHTML 

Я понимаю, что это не совсем то, что было предложено, но не хотите, чтобы удалить ответ, потому что я думаю, что это имеет место ,

Мне нравится ответ jquery @ ravz ниже.

Answer 3

Не забывайте, что вы не можете перекрещивать домены из-за безопасности.

Так что, если это так, вы должны использовать JSON.

Answer 4

Что-то вроде следующего будет работать.

<iframe id = "testframe" onload = populateIframe(this.id);></iframe> 

// The following function should be inside a script tag 

function populateIframe(id) { 

    var text = "This is a Test" 
var iframe = document.getElementById(id); 

var doc; 

if(iframe.contentDocument) { 
    doc = iframe.contentDocument; 
} else { 
    doc = iframe.contentWindow.document; 
} 

doc.body.innerHTML = text; 

    } 

Answer 5

С этой целью вы можете использовать свойство contentDocument или contentWindow. Вот пример кода.

function gethtml() 
{ 
var x=document.getElementById("myframe"); 
var y=(x.contentWindow || x.contentDocument); 
if (y.document)y=y.document; 
alert(y.body.innerHTML); 
} 

здесь, мой кадр является идентификатором вашего iframe. Примечание. Вы не можете извлечь содержимое из iframe из src вне домена.

Answer 6

Ответ Конрой был прав. В случае, если требуется только материал из тела тега, просто используйте:

$('#my_iframe').contents().find('body').html(); 

Answer 7

document.getElementById('iframe01').outerHTML 

Answer 8

Вы можете получить исходный код из другого домена, если вы установите фильтр ForceCORS на Firefox. Когда вы включите этот фильтр, он обходит функцию безопасности в браузере, и ваш скрипт будет работать, даже если вы попытаетесь прочитать другую веб-страницу. Например, вы можете открыть FoxNews.com в iframe, а затем прочитать его источник. Причина, по которой современные веб-дизайнеры отрицают эту способность по умолчанию, состоит в том, что, если в другой домен включен фрагмент JavaScript, и вы читаете это и отображаете его на своей странице, он может содержать вредоносный код и представлять угрозу безопасности. Таким образом, всякий раз, когда вы показываете данные из другого домена на своей странице, вы должны остерегаться этой реальной угрозы и реализовать способ отфильтровать весь код JavaScript из вашего текста, прежде чем вы собираетесь его отображать.Помните, что если предполагаемый фрагмент исходного текста содержит некоторый код, заключенный в теги скриптов, они не будут отображаться, когда вы покажете его на своей странице, тем не менее они будут работать! Итак, осознайте, что это угроза.

http://www-jo.se/f.pfleger/forcecors