Не понятки с SetTimeout

[like-nix]

Здравствуйте,

 

Я читал “Современный учебник JavaScript ->Документ и объекты страницы->Навигация по DOM-элементам”.

 

Там в статье есть интерактивный пример навигации в главе “ Интерактивное путешествие”.

 

Вот прямая ссылка https://learn.javascript.ru/traversing-dom#интерактивное-путешествие

 

Мне стало интересно как он работает, и я его вытащил. И странно что у меня он не заработал так как был реализован на сайте. Я его немного исправил и он заработал. А точнее в конце скрипта файла travel.js, я заменил строки. Закомментировал setTimeout, и написал просто init:

 

  if (iframe.contentDocument.readyState == 'complete') {

    //setTimeout(init, 2000);

init();

  } else {

    iframe.contentWindow.onload = function() {

      //setTimeout(init, 2000);

 init();

    };

  }

 

Вот функция init

 

  function init() {

    iframeDoc = iframe.contentDocument;

    currentElement = iframeDoc.documentElement;



    elem.onclick = function(e) {

      var dir = e.target.getAttribute('data-travel-dir');

      if (!dir) return;



      if (currentElement && currentElement.style) {

        currentElement.style.border = '';

      }



      currentElement = currentElement[dir];



      updateControls();



      if (currentElement && currentElement.style) {

        currentElement.style.border = '1px green solid';

      }

    };



    updateControls();

  }

 

Если запустить пример на который, я дал ссылку ниже, то в консоли отладки Google Chrome будет сообщение: Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.

 

Функция init запускается с SetTimeout, но у iframe атрибут contentDocument равен Exception: DOMException:

 

Помогите пожалуйста разобраться зачем тут SetTimeout?

 

Не понял как к теме прикрепить файл, поэтому даю ссылку на внешний источник на google drive

https://drive.google.com/file/d/0B8TDEl003_XNNXZ3YkxBX2dGdDA/view?usp=sharing

Edited May 14, 2015 by like-nix

[Great Rash]

Тут setTimeout вообще не при чём. Просто вы скрипт видимо просто так запускаете (не с сервера) из-за этого document.domain  у вас null. Браузер считает, что вы пытаетесь нарушить систему безопасности и блокирует доступ к документу, загруженному в <iframe>.

[like-nix]

все верно. Спасибо