загрузить внешнюю страницу в html странице

Question

Я видел все сообщения в форуме, но я не нашел ответа, сообщения очень старые. Мне нужно загрузить внешнюю веб-страницу в div другого веб-сайта. В моем локальном сайте у меня есть этот скрипт:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#content').load('divelencoarticoli.html'); 
}); 
</script> 

в организме

<div style="width: 100%" id="content">Initial content in test.html</div> 

но внешний веб-страница не загружается.

Страница для внешней загрузки находится на другом сайте моего сервера (его другом сайте), и нет никакой проблемы безопасности. Спасибо заранее.

Answer 1

В принципе не возможно с большинством веб-сайтов и с большинством браузеров. Основной проблемой является безопасность из-за межсайтового скриптинга. В этом отношении вы можете указать следующее.

Взятые из этого Answer:

Google использует заголовок HTTP X-FRAME-OPTIONS, чтобы запретить ввод своих страниц в фреймах: https://developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header

Почти все современные браузеры отказываются ставить страниц с этим HTTP заголовком в iframe. Вы ничего не можете с этим поделать.

Еще reference (риски безопасности для использования в IFRAME на внешнем веб-сайте?):

Основная проблема будет, если вы не хотите, чтобы IFrame взаимодействовать с родитель или если вы это сделали. Попытки javascript сделать это заблокированы некоторыми браузерами, чтобы предотвратить взломы скриптов на разных сайтах. Not все браузеры остановят его, хотя. Поэтому просто имейте в виду, что в некоторых браузерах javascript из фрейма может взаимодействовать с вашей родительской страницей - это может быть проблемой, если у вас есть что-то чувствительное на . С другой стороны, если вам нужен фрейм для взаимодействия с родителем , он не будет работать в некоторых браузерах.

Читайте их в этом отношении:

1. X-Frame-Options
2. ClickJacking Defense

Answer 2

Вы можете использовать IFRAME, как это:

<iframe src="divelencoarticoli.html"></iframe>