JavaScript. Подробное руководство, 6-е издание
Шрифт:
Мы уже видели, что метод
open
объекта Window
возвращает новый объект Window
, свойство opener
которого ссылается на первоначальное окно. Таким образом, два окна могут ссылаться друг на друга, и каждое из них может читать свойства и вызывать методы другого. То же самое возможно для фреймов. Сценарий, выполняющийся в окне или фрейме, может ссылаться на объемлющее или вложенное окно или фрейм при помощи свойств, описываемых ниже. Как вы уже знаете, сценарий в любом окне или фрейме может сослаться на собственное окно или фрейм с помощью свойства
window
или self
. Фрейм может сослаться на объект Window вмещающего окна или фрейма с помощью свойства parent
:
parent.history.back;
Объект
Window
, представляющий окно верхнего уровня или вкладку, не имеет вмещающего окна, поэтому его свойство parent просто ссылается на само окно:
parent == self; // Для любых окон верхнего уровня
Если фрейм находится внутри другого фрейма, содержащегося в окне верхнего уровня, то он может сослаться на окно верхнего уровня так:
parent.parent
. Однако в качестве универсального сокращения имеется свойство top
: независимо от глубины вложенности фрейма его свойство top
ссылается на содержащее его окно самого верхнего уровня. Если объект Window
представляет окно верхнего уровня, свойство top
просто ссылается на само окно. Для фреймов, непосредственно принадлежащих окну верхнего уровня, значение свойства top
совпадает со значением свойства parent
. Свойства
parent
и top
позволяют сценариям ссылаться на родительские окна или фреймы. Существует несколько способов сослаться на дочерние окна или фреймы. Фреймы создаются с помощью элементов <iframe>.
Получить ссылку на объект Element
, представляющий элемент <iframe>,
можно точно так же, как на объект, представляющий любой другой элемент. Допустим, что документ содержит тег <iframe id="f1">.
Тогда получить ссылку на объект Element
, представляющий этот элемент iframe
можно следующим образом:
var iframeElement = document.getElementById("f1");
Элементы
<iframe>
имеют свойство contentWindow
, которое ссылается на объект Window
фрейма, поэтому ссылку на объект Window
этого фрейма можно получить так:
var childFrame = document.getElementByld("fl").contentWindow;
Имеется возможность пойти обратным путем - от объекта
Window
, представляющего фрейм, к объекту Element
элемента <iframe>,
содержащего фрейм, - с помощью свойства frameElement
объекта Window
. Объекты Window
, представляющие окна верхнего уровня, а не фреймы, имеют значение null
в свойстве frameElement
:
var elt = document.getElementByld('fl');
var win = elt.contentWindow;
win.frameElement === elt // Всегда верно для фреймов
window.frameElement === null // Для окон верхнего уровня
Однако, чтобы получить ссылки на дочерние фреймы, обычно не требуется использовать метод
getElementByld
и свойство contentWindow
. Каждый объект Window
имеет свойство frames
, хранящее ссылки на дочерние фреймы, содержащиеся в окне или фрейме. Свойство frames
ссылается на объект, подобный массиву, который может индексироваться числовыми индексами или именами фреймов. Получить ссылку на первый дочерний фрейм в окне можно с помощью выражения frames[0].
Сослаться на третий дочерний фрейм во втором дочернем фрейме можно с помощью выражения frames[1].frames[2].
Сценарий, выполняющийся во фрейме, может сослаться на соседний фрейм одного с ним уровня, как parent.frames[1].
Обратите внимание, что элементами массива frames[]
являются объекты Window, а не элементы <iframe>
. Если в элементе
<iframe>
указать атрибут name или id
, в качестве индекса этого фрейма можно будет использовать не только число, но и имя. Например, ссылку на фрейм с именем «И» можно получить с помощью выражения frames["f1"]
или frames.f1
. В разделе 14.7 говорилось, что имена или идентификаторы элементов
<iframe>
и других автоматически превращаются в свойства объекта Window
и что элементы <iframe>
интерпретируются иначе, чем другие элементы: в случае с фреймами значениями этих автоматически создаваемых свойств становятся ссылки на объекты Window
, а не на объекты Element
. Это означает, что на фрейм с именем "f1" можно сослаться как на свойство f1
вместо frames.f1
. В действительности, стандарт HTML5 указывает, что свойство frames
, подобно свойствам window
и self
, ссылается на сам объект Window
, который действует как массив фреймов. Это означает, что на первый дочерний фрейм можно сослаться, как window[0],
а получить количество фреймов можно, обратившись к свойству window.length
или просто length
. Однако использование свойства frames
вместо window
в подобных случаях делает программный код более понятным. Обратите внимание, что не во всех текущих броузерах выполняется условие frame==window
, но даже в броузерах, где это условие не выполняется, разрешается индексировать дочерние фреймы числами и именами, обращаясь к любому из этих двух объектов. С помощью атрибута
name
или id
элементу <iframe>
можно присвоить имя, которое будет доступно для использования в JavaScript-коде. Однако если использовать атрибут name
, указанное имя также будет использоваться в качестве значения свойства name
объекта Window
, представляющего фрейм. Имя, указанное таким способом, можно использовать в качестве значения атрибута target
ссылки и передавать методу window.open
во втором аргументе. 14.8.3. JavaScript во взаимодействующих окнах
Для каждого окна или фрейма имеется свой собственный объект
Window
, определяющий независимый контекст выполнения JavaScript-кода. Но если сценарий в одном окне или фрейме может сослаться на другое окно или фрейм (и если политика общего происхождения не препятствует этому), сценарий в одном окне или фрейме может взаимодействовать со сценарием в другом окне или фрейме. Представим себе веб-страницу с двумя элементами
<iframe>
, с именами «А» и «В», и предположим, что эти фреймы содержат документы, полученные с одного и того же сервера, и эти документы содержат взаимодействующие сценарии. Сценарий во фрейме А определяет переменную і:
Поделиться:
Популярные книги
Вперед в прошлое 7
7. Вперед в прошлое
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Око василиска
2. Артефактор
Фантастика:
городское фэнтези
попаданцы
аниме
5.00
рейтинг книги
Великие мифы и легенды. 100 историй о подвигах, мире богов, тайнах рождения и смерти
Старинная литература:
мифы. легенды. эпос
5.00
рейтинг книги
Последний Паладин. Том 7
7. Путь Паладина
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Неучтенный элемент. Том 9
9. Антимаг. Вне системы
Фантастика:
фэнтези
5.00
рейтинг книги
Идеальный мир для Лекаря
1. Лекарь
Фантастика:
фэнтези
юмористическое фэнтези
аниме
5.00
рейтинг книги
Память льда
3. «Малазанская империя»
Фантастика:
фэнтези
6.00
рейтинг книги
Личный аптекарь императора. Том 3
3. Личный аптекарь императора
Фантастика:
городское фэнтези
попаданцы
аниме
фэнтези
5.00
рейтинг книги
Будущее разума
Научно-образовательная:
прочая научная литература
физика
8.00
рейтинг книги
Бастард Императора. Том 15
15. Бастард Императора
Фантастика:
городское фэнтези
аниме
фэнтези
фантастика: прочее
попаданцы
5.00
рейтинг книги
Убивать чтобы жить 3
3. УЧЖ
Фантастика:
героическая фантастика
боевая фантастика
рпг
5.00
рейтинг книги
Кодекс Крови. Книга IХ
9. РОС: Кодекс Крови
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Узы крови
Детективы:
прочие детективы
9.30
рейтинг книги
Адвокат
1. Бандитский Петербург
Детективы:
боевики
8.00