Почему событие `onload` не срабатывает на вложенных фреймах с очисткой фреймов?

Question

Почему событие `onload` не срабатывает на вложенных фреймах с очисткой фреймов?

Рассмотрим следующие три страницы.

Foo.html открывается локально в браузере, и поэтому имеет URL с префиксом file:///,
Bar.html находится в том же каталоге Foo.html,
Bar2.html живет в /var/www и я бегу Apache на localhost,

foo.html

<html>
  <head>
  <script>
  foo = function() {
    alert("frame changed");
  };
  </script>
  </head>

  <body>
  <iframe width="200" height="300" src="Bar.html" id="my-iframe" onLoad="foo" /> 
  </body>
</html>

bar.html

<html>
  <body>
  <iframe width="200" height="300" src="http://localhost/Bar2.html" id="my-iframe" /> 
  </body>
</html>

Bar2.html

<html>
  <head>
  <script>
  if (top.location != self.location){
      parent.location = self.location;
  }
  </script>
  </head>
  <body>
  <button type="button" onclick="document.location.href='http://bing.com'">Hello World</button>
  </body>
</html>

когда Foo.html загружается в Firefox, запустив firefox /path/to/Foo.html в командной строке код перебора кадра в Bar2.html вырывается из Bar.html, В этот момент пользователь получает предупреждение frame changed,

Когда я нажимаю кнопку, iframe изменения (кнопка исчезает), но я не получаю предупреждение.

Почему onLoad не стреляете во второй раз, когда страница меняется?

1

javascript html security iframe framebusting

Источник

user391161 05 май '14 в 22:48

2 ответа

Другие вопросы по тегам javascript html security iframe framebusting

user1026459 05 май '14 в 23:21 2014-05-05 23:21 · Answer 1 · 2014-05-05 23:21

Проблема заключается в том, что при загрузке Bar2.html iframe в Bar.html это условие ложно

if (top.location != self.location)

В результате, когда Bar.html загружает Bar2.html, это называется

parent.location = self.location;

Что вызывает перенаправление на странице и отменяет влияние события onload, так как технически страница никогда не заканчивала загрузку.

user3591734 05 май '14 в 23:00 2014-05-05 23:00 · Answer 2 · 2014-05-05 23:00

Ваш сценарий

  if (top.location != self.location){
      parent.location = self.location;
  }

будет работать на Bar2.htm и изменить местоположение его родителя (ранее Bar.htm). Затем приходит предупреждение. Затем скрипт будет выполняться в родительском (ранее Bar.htm), но top.location все равно не равен self.location. (top.location теперь равен Foo.htm, а self.location равен Bar.htm), поэтому при нажатии кнопки родительская страница перенаправляется на Bar2.htm. Значение кода предупреждения и iframe ушел.