Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.07.2013, 11:21
Кандидат Javascript-наук
Отправить личное сообщение для hrundel Посмотреть профиль Найти все сообщения от hrundel
 
Регистрация: 01.08.2009
Сообщений: 102

Вставка контента на страницу: div vs iframe
Для вставки произвольного контента на страницу (с того же самого сайта или со стороннего) что лучше использовать: iframe или div? В чём преимущества и недостатки обоих способов?
Мне не понятно, почему всякие фейсбуки или рекламные системы вроде google для вставки своего контента на страницу используют iframe. Изначально в html-коде никакого iframe не существует. Но с помощью JavaScript они этот тег iframe создают и потом в него загружают нужный контент. В чём преимущества такого способа? Почему бы не сделать тоже самое, но только создавать не тег iframe, а тег div, и в нём генерировать какой-то контент, например ajax-ом?
Вот к примеру на сайте http://gamedev.ru в html-коде есть такой код от рекламной сети google:
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2685995649219494";
/* GameDev.ru, 728x90 */
google_ad_slot = "4908377282";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

При помощи него генерируется iframe.


Или вот здесь http://shakin.ru/seo/my-anchor-scheme.html под статьёй есть html-код от фейсбука, который тоже генерирует iframe

<div class="facebookbutton">
			<div id="fb-root"></div><script src="http://connect.facebook.net/ru_RU/all.js#appId=193580224023724&amp;xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="140" show_faces="false" font=""></fb:like>
	</div>


Почему этому способу все отдают приоритет?
Ответить с цитированием
  #2 (permalink)  
Старый 13.07.2013, 14:58
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Чаще всего это делается для ограничений скриптового доступа. Скрипты страницы не имеют доступа к стороннему фрейму. Кроме того, кроссдоменные AJAX запросы не во всех браузерах поддерживаются. А фреймы работают везде.
Ответить с цитированием
  #3 (permalink)  
Старый 13.07.2013, 16:57
Кандидат Javascript-наук
Отправить личное сообщение для hrundel Посмотреть профиль Найти все сообщения от hrundel
 
Регистрация: 01.08.2009
Сообщений: 102

Сообщение от danik.js Посмотреть сообщение
Скрипты страницы не имеют доступа к стороннему фрейму.
Гугление фразы "доступ из iframe к родительскому окну" дало некоторые ссылки о том, что доступ есть.
Например:
Как получить доступ к iframe?
В посте говорится, что доступ из html-кода страницы к расположенному в ней фрейму с id="fr" делается так:
document.getElementById('fr').contentWindow.document


Или я что-то не так понял?

Последний раз редактировалось hrundel, 13.07.2013 в 17:00.
Ответить с цитированием
  #4 (permalink)  
Старый 13.07.2013, 17:44
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Доступ есть только к фреймам, отображающим документы с того же домена. К чужому домену доступа конечно же нету. Как раз по этой причине фреймы и используются чаще всего.
Ответить с цитированием
  #5 (permalink)  
Старый 13.07.2013, 19:37
Кандидат Javascript-наук
Отправить личное сообщение для hrundel Посмотреть профиль Найти все сообщения от hrundel
 
Регистрация: 01.08.2009
Сообщений: 102

danik.js,
спасибо. Кратко но очень понятно объяснили.
Ответить с цитированием
  #6 (permalink)  
Старый 05.01.2015, 23:12
Аватар для litoy
Новичок на форуме
Отправить личное сообщение для litoy Посмотреть профиль Найти все сообщения от litoy
 
Регистрация: 05.01.2015
Сообщений: 1

Можно заработать без вложений огромный выбор выбирай любой http://www.rabota-vs.ru
Ответить с цитированием
  #7 (permalink)  
Старый 24.06.2016, 21:48
Аватар для MaxMyr
Новичок на форуме
Отправить личное сообщение для MaxMyr Посмотреть профиль Найти все сообщения от MaxMyr
 
Регистрация: 24.06.2016
Сообщений: 2

мне может казаться - но именно фреймы долго грузятся!!!
вот красочный пример сайта где от гугл вставлен фреймом изображение, и ломаю голову есть ли возможность изымать с того же гугла ту же картинку но через ДИВ...?
Ответить с цитированием
  #8 (permalink)  
Старый 22.08.2016, 13:41
Аватар для Андрей38
Профессор
Отправить личное сообщение для Андрей38 Посмотреть профиль Найти все сообщения от Андрей38
 
Регистрация: 11.12.2010
Сообщений: 261

Здравствуйте.Скажите пожайлуста, почему с document.createElement('img') это работает,а с document.createElement('iframe') не работает .Для меня это большая загадка. Как сделать,чтобы заработало? javascript:
var preloadedImg = document.createElement('Iframe'); 
gotov=preloadedImg.src = "http://radio.obozrevatel.com/group/7469"; 
var x=0;

while (x<3){
x++;
var gg= function() {
document.body.innerHTML+='<iframe src="http://radio.obozrevatel.com/group/7469"></iframe>'; 
alert(gotov)} ;
  if(preloadedImg.onload) { 
gg(ж
};
};
__________________
http://www.youtube.com/watch?feature...&v=cz0uN1ZNuM0
История не в теории ,а по факту

Последний раз редактировалось Андрей38, 22.08.2016 в 13:43.
Ответить с цитированием
  #9 (permalink)  
Старый 23.08.2016, 07:48
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

По-моему лучше ему написать скрипт, чем смотреть как он животное мучается.

Андрей38, найди свою тему про загрузку яфреймов и напиши там кодовое слово - хочу скрипт.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Погрузка HTML контента со скриптами в страницу и удаление... 63ek AJAX и COMET 2 22.04.2013 14:30
Скрипт отслеживающий подгрузку контента на страницу. psqs Events/DOM/Window 2 23.01.2012 21:29
Внешняя ссылка на страницу которая находится в IFRAME Модального окна плагина jQuery Андррр jQuery 0 07.12.2011 15:13
вставка картинок в iframe Nightraven Internet Explorer 0 26.01.2011 00:09
Загрузить страницу в iframe randomstar Events/DOM/Window 1 13.01.2010 09:46