iframe, который показывает определенную часть сайта

Question

У меня есть domain.com, на нем есть поле размером 300x250, с которым я хочу создать виджет и позволить другим людям размещать его на своем сайте.

блок 300x250 смешан с множеством других вещей, и я не могу поместить этот блок 300x250 на его собственную страницу, поскольку он зависит от других элементов.StackOverflow, который говорит следующую работу

<div style="overflow:hidden; width:608px; height:270px;">
  <iframe  scrolling="no" frameBorder="0"
  src="http://tech-revolution.com/forum/vbshout.php?do=detach&instanceid=1#dbtech_shoutbox1" 
  style="width:728px; height:270px; border:none; margin-left:-60px;"/>  
</div>

или

$('#target-div').load('http://www.mywebsite.com/portfolio.php #portfolio-sports');

Я сделал первый, и он отлично работает второй, я еще не дошел до.

У меня вопрос, какой из этих методов «лучше» или есть другой способ показать ЧАСТЬ сайта на других сайтах?

Answer 1

Вариант 1 - ИМЯ

Плюсы

• Будет работать

• Если в вашем контенте iFrame есть ссылки / постбэки, они будут продолжать работать (в пределах iFrame).

Минусы

• Событие OnLoad для главных окон откладывается до тех пор, пока iframe не завершит загрузку, что может дать пользователю ощущение, что загрузка страницы занимает больше времени, они также стоят дороже для создания .

Вариант 2 - JQuery / DIV

Плюсы

• Может быть сценарий длязагрузить после загрузки родительской страницы, чтобы придать более отзывчивый вид.

• После извлечения контент будет находиться в вашем домене, поэтому у клиента есть область действия
  для манипулирования стилем / контентомсодержимого DIV.

Минусы

• Не будет работать в качестве междоменной области, есть способы обойти хотя:

• Любые обратные ссылки и ссылки могут не работать, если были использованы относительные пути, а также таблицы стилей и изображения в этом контенте.

Резюме

Если для простоты DIV потребуется больше работы, но потенциально он может быть более гибким и, возможно, быстрее.