- JavaScript — Объект window: фреймы
- Свойства объекта window для работы с фреймами
- Свойство frameElement
- Свойство length
- Свойство frames
- Свойство parent
- Свойство top
- Свойство self
- Пример работы с фреймами
- Комментарии: 6
- Target a Window or Frame Using JavaScript or HTML
- Using top.location.href and Other Link Targets in Java
- Frames targets. How to target a link to a window.
- Настройте таргетинг на окно или фрейм с помощью JavaScript или HTML
- Использование top.location.href и других целей ссылок в Java
JavaScript — Объект window: фреймы
Фреймы — это элементы HTML, которые используются для внедрения в текущую страницу других веб-страниц. Фреймы в HTML5 представлены с помощью элемента iframe ( ). Для указания URL, который будет отображаться внутри фрейма ( iframe ) используется атрибут src .
Например, внутри фрейма отобразим страницу «http://getbootstrap.com/».
Фреймы немного похожи с картинками, только вместо картинки отображается внешний ресурс (HTML страница). Размещать фреймы ( iframe ) можно в любом месте страницы. Они относятся к строчным элементам. Кроме атрибута src у тега iframe есть множество других атрибутов: width (ширина), height (высота), name (имя) и др.
Например, создадим веб-страницу, содержащую ссылку и фрейм с именем. При нажатии на ссылку будем открывать в этом фрейме указанную веб-страницу.
С точки зрения объектной модели браузера фреймы ( iframe ) — это тоже окна (объекты window ), которые можно расположить в основном окне (вкладке) браузера или в другом фрейме.
Свойства объекта window для работы с фреймами
Для работы с фреймами объект window содержит следующие свойства: frameElement , frames , length , self , parent и top . Разберём назначение этих свойств на примере.
Рассмотрим окно, состоящее из 5 фреймов ( ). Первые три фрейма (1,2 и 3) расположены непосредственно в этом окне, а остальные 2 фрейма (4 и 5) расположены во фрейме 2.
- свойство parent , возвращает родительское окно (объект window ), т.е. фрейм 2.
- свойство top , возвращает прародителя (предка), т.е. основное окно (вкладку), куда загружены все фреймы.
- свойство self , возвращает текущий объект window , т.е. фрейм 4.
- свойство parent , возвращает родительское окно (объект window ), т.е. основное окно (вкладку).
- свойство top , возвращает прародителя (предка), т.е. основное окно (вкладку), куда загружены все фреймы.
- свойство self , возвращает текущий объект window , т.е. фрейм 2.
Свойство frameElement возвращает сам элемент iframe , или null если он таковым не является (например, если он является обычным окном, а не фреймом).
Свойство length обычно используется совместно со свойством frames и возвращает количество фреймов, содержащихся в текущем окне или фрейме. Например, в нашем примере свойство length для окна 2, вернёт значение 2. А для основного окна, свойство length вернёт значение 3. Свойство frames возвращает массив объектов window , каждый из которых отвечает за вложенный в это окно фрейм ( iframe ). Фреймы с логической точки зрения тоже являются окошечками, т.е. для каждого фрейма создаётся свой собственный объект window .
Вернёмся к нашему примеру, в котором основное окно (вкладка) браузера содержит 3 фрейма. В этом месте возникает вопрос: «А сколько всего объектов window будет создано?». В нашем случае будет создано 4 объекта window . Первый объект window будет отвечать за основное окно (вкладку) браузера. Три остальных объекта window будут отвечать за каждый из фреймов, непосредственно расположенных в этом окне. Эти объекты window, т.е. те которые отвечают за каждый фрейм, образуют массив frames , который можно получить как свойство объекта window .
window.frames[0]; window.frames[1]; window.frames[2];
Свойство frameElement
Свойство frameElement возвращает элемент iframe , если текущее окно является фреймом. В противном случае данное свойство, возвращает значение null (т.е. данное окно не является фреймом).
Например, узнать является ли текущее окно фреймом ( iframe ) и если является, то изменить его URL на «http://getbootstrap.com/»:
//получить элемент iframe или значение null var iframe = window.frameElement; //Если окно является фреймом (iframe), то изменить URL фрейма на "http://getbootstrap.com/" if (iframe) { iframe.src="http://getbootstrap.com/"; }
Свойство length
Свойство length возвращает количество фреймов ( iframe ) в текущем окне. Это свойство очень часто используется совместно со свойством frames . Свойство length доступно только дли чтения.
Например, получить количество фреймов ( iframe ) в текущем окне:
var ifremesCount = window.length;
Свойство frames
Свойство frames возвращает массив фреймов (объектов window ), расположенных а текущем окне. Доступ к фрейму (объекту window ) осуществляется по индексу (отсчёт индексов начинаются с 0). Для определения количества фреймов в текущем окне или фрейме используйте свойство length .
Например, изменить URL первого фрейма (т.е. фрейма с индексом 0), который расположен в текущем окне:
window.frames[0].location="http://getbootstrap.com/";
Например, изменить URL всех фреймов расположенных в текущем окне на «http://getbootstrap.com/»:
var frames = window.frames; for (i=0;i
Свойство parent
Свойство parent возвращает родительский объект window no отношению к текущему объекту window . Данное свойство доступно только для чтения.
Например, установить задний фон родительскому объекту window :
window.parent.document.body.style.backgroundColor = "red";
Свойство top
Свойство top возвращает основное окно (вкладку).
Например, определим, является ли данное окно основным окном:
function checkWindow() { if (window.top != window.self) { document.getElementById("checkWindow").innerHTML = "Это не основное окно (вкладка)"; } else { document.getElementById("checkWindow").innerHTML = "Это основное окно"; } }
Свойство self
Свойство self возвращает текущее окно. Данное свойство обычно используется в операциях сравнения и доступно только для чтения.
Пример работы с фреймами
Рассмотрим наиболее сложный пример, в котором продемонстрируем использование всех свойств объекта window для работы с фреймами:
. Свойства объекта window для работы с фреймами
Изменить задний фон у фреймов
Фрейм 1
Фрейм 2
Фрейм 3
Фрейм 4
Это фрейм?
Вывести сообщение в основное окно
Вывести сообщение в родительское окно Фрейм 5
Комментарии: 6
Подскажите пожалуйста, как при отработкке условия вывесити новую html страницу через фрейм?
Например имеется некое значение которое скрыто но при этом нам известно что это значениее имеется, эти значения вызываются во время обращения к ним, при обращении у каждого значения может выводится разный текст. При этом при совпадении значения в например case «11111111»: выводить сообщениее и перенаправлять на на новую заданную нами страницу html
function pan() { var findNumber = prompt ("Введите значение"); switch (findNumber) { case "11111111": document.write("Вывести 1"); break; case "22222222": document.write("Вывести 2"); break; case "3333333": document.write("Вывести 3"); break; case "4444444": document.write("Вывести 4"); break; default: document.write("Данное значение не найдено"); break; } } . document.write(""); .
document.write("");
Target a Window or Frame Using JavaScript or HTML
Stephen Chapman is a Senior Oracle PL/SQL Developer at SEI Financial Services, with over 20 years' experience in software development and consulting.
Windows and frames are terms used to describe what may appear when you click a link in a website. Without extra coding, links will open in the same window you're currently using, meaning you'll need to press the back button to return to the page you had been browsing.
But if the link is defined to open in a new window, it will appear in a new window or tab on your browser. If the link is defined to open in a new frame, it will pop up on top of the current page in your browser.
With an ordinary HTML link using the anchor tag, you can target the page the link refers to in a way that the link, when clicked, will display in another window or frame. Of course, the same can also be done from within Javascript — in fact, there's plenty of overlap between HTML and Java. Generally speaking, you can use Java to target most types of links.
Using top.location.href and Other Link Targets in Java
Code in either HTML or JavaScript to target links so that they open either in new blank windows, in parent frames, in frames within the current page, or in a specific frame within a frameset.
For example, to target the top of the current page and break out of any frameset currently in use you would use
in HTML. In Javascript you use
Frames targets. How to target a link to a window.
Targeting windows allows the document writer to assign names to specific windows, and target certain documents to always appear in the window bearing the matching name. Targeting controls where the new document will be displayed when the user follows a link. Most of the time, clicking on a link simply loads a new document in the same window where the link was. In this tutorial we will show you how to deliver the content you want in a new window, or if you are using frames, in another frame.
You should always remember to name your frames before you do anything else.
To open a page in frames using HTML
Where option is 'pagename'. In this case a page will be opened in a frame you named 'pagename'.
Target attribute also has four predefined values, which can be used as if certain windows and frames already have names without you having to assign them:
Note that each of predefined names starts with an underscore ("_"). They also must be in all lower-case letters.
Using JavaScript to work with frames
The following examples should be used with an action command. For example onclick, onmouseover etc, or in conjunction with other javascript functions
To open a page in a frame using javascript
To replace current frameset using javascript
To open a page in a new window using javascript
Have a look at the example that loads pages 1, 2 and 3 into multiple frames named 'higher', 'main' and 'lower' respectively using HTML and Javascript
Настройте таргетинг на окно или фрейм с помощью JavaScript или HTML
Windows и фреймы – это термины, используемые для описания того, что может появиться при нажатии на ссылку на веб-сайте. Без дополнительного кодирования ссылки будут открываться в том же окне, которое вы сейчас используете, а это означает, что вам нужно будет нажать кнопку «Назад», чтобы вернуться на страницу, которую вы просматривали.
Но если ссылка определена для открытия в новом окне, она появится в новом окне или на новой вкладке в вашем браузере. Если ссылка определена для открытия в новом фрейме, она появится поверх текущей страницы в вашем браузере.
С обычной HTML-ссылкой с использованием тег привязки, вы можете настроить таргетинг на страницу, на которую ссылается ссылка, так, чтобы ссылка при нажатии отображалась в другом окне или фрейме. Конечно, то же самое можно сделать и из Javascript – на самом деле, между HTML и Java много общего. Вообще говоря, вы можете использовать Java для таргетинга на большинство типов ссылок.
Использование top.location.href и других целей ссылок в Java
Код в HTML или JavaScript для целевых ссылок, чтобы они открывались в новых пустых окнах, в родительских фреймах, во фреймах на текущей странице или в определенном фрейме в наборе фреймов.
Например, чтобы настроить таргетинг на верхнюю часть текущей страницы и выйти из любого используемого набора фреймов, вы должны использовать
в HTML. В Javascript вы используете