Показать сообщение отдельно
  #4 (permalink)  
Старый 05.02.2013, 11:00
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от danik.js
И что насчет потребления ресурсов? Дорого ли стоит iframe?
Пустой фрейм, (в отличие от фрейма с наличием src), - создаётся на странице в Опере и Хроме менее 25ms.
В в Опере и Хроме обычно тег следущий за пустым iframe исполняется - рендиться на странице уже при полностью исполненном в DOM элементе(т.е отследить загрузку пустого iframe скриптом, установленным сразу после тега <iframe в Опере и Хроме часто уже невозможно, (что легко делается при "непустом", т.е <iframe с наличием src и адресом )...В ИЕ 6 создание пустого фрейма менее 200 ms.


<script type="text/javascript">
var N=new Date().getTime();
function Tst(){
  N = new Date().getTime()-N;
  alert('Cкорость создания = '+N+'ms');
}

</script>
<!--тест -->
<div  id="Test" style="position:relative;border:red solid 1px;width:200px;height:100px;">
<iframe name="frame" width=100% height=100% style="position:absolute;z-index:-1" onload="Tst()"></iframe>
</div>


Пустой фрейм достаточно часто используется в javascript при создании пользовательских приложений с развязкой javascript библиотек.
К примеру на главной - используем для скорости только нативный ява-скрипт, в динамически создаваемом фрейме - подгружаем(создаем скриптом) тег скрипта подгружаемой библиотеки и необходимый контент,а по окончании работы, фрейм просто изымаем из Dom вместе с библиотеками.

Запускаем во фрейме библиотеку и выполняем чтение HTML на родителе фреймворком
<script>

function TestLibFrame() {
  window.docThis = frame1.parent.document;
  window.$$ = frame1.jQuery;
  var str = 'Запускаем jQuery на  странице без библиотеки:';
  alert(str +'\n\n' + $$("html",docThis).html()) 
} setTimeout("if('\v'=='v'){TestLibFrame()}",200); //Запуск для ИЕ;

function Funk0(aa) {
var a='Cтавим javascript - библиотеку во фрейм'
var iframe = aa
var iframeDoc = iframe.contentWindow.document;
var b = iframeDoc.createElement('div');
b.innerHTML=a;//alert(b.innerHTML)
iframeDoc.body.appendChild(b);
var s = iframeDoc.createElement('script');
s.setAttribute("type","text/javascript");
s.src = "http://yandex.st/jquery/1.4.4/jquery.min.js";
//s.setAttribute("onload","parent.TestLibFrame()");
s.onload = TestLibFrame;
b.appendChild(s);
}

</script>
<iframe name=frame1 onload="Funk0(this)"></iframe>

Последний раз редактировалось Deff, 08.02.2013 в 16:38.
Ответить с цитированием