Изменить родительский URL из iframe

Нужна помощь с простой проблемой! который имеет следующие критерии:

1) нажмите ссылку на изображения в изменениях iframe. Родительская страница, нажмите на другую ссылку на изображение iframe. Родительская ссылка на другую страницу (см. ниже).

Это может показаться простым, но я уже несколько дней нахожусь в Интернете и просматриваю много форумов. Код может быть в html css или js, но, пожалуйста, держите любые ответы простыми, насколько это возможно, и публикуйте полный рабочий пример для работы, поскольку я новичок в кодировании или перекодировании тестового сайта: http://www.howiepotter.com/parent.html

Ответ 1

http://reference.sitepoint.com/html/a/target

"_ вершина"

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

<a href="page" target="_top">Replace parent url!</a>

Ответ 2

Измените свою ссылку:

<a href="link-here.html">

Для этого:

<a href="#" onclick="top.window.location.href='yourURL';">

Если вы хотите, вы можете просто поместить обработчик onclick на изображение и избавиться от якоря.

Обратите внимание, что это неправильное место для javascript (обработчики должны быть связаны из файла .js, а не разметки), но я чувствую, что вы ищете хирургический ответ и не заботитесь о лучшем практика.

изменить: как отметил Виктор Николле, это приведет к исключению безопасности, если ваша страница iframe и родительская страница не обмениваются доменами. см. http://en.wikipedia.org/wiki/Same_origin_policy

Ответ 3

В случае, если @biziclop решит удалить свой ответ, как он, кажется, угрожает сделать в комментариях, вот его ответ снова, что очень полезно:

http://reference.sitepoint.com/html/a/target

"_Топ"

загружает контент в наборе фреймов верхнего уровня (по сути, во всё окно браузера), независимо от того, сколько вложенных уровней находится в текущем фрейме

<a href="page" target="_top">Replace parent url!</a>