Добавляем...


Методы DOM и окна
С помощью операторов DOM можно изменять HTML-код в документе по своему усмотрению. При этом для доступа к методам и свойствам DOM необходимо использовать имя нового окна. Например, если новое окно было названо newWindow, следует использовать оператор

var currentElement = newWindow.document.getElementById("myheading");

чтобы получить соответствующий элемент в другом окне. Следующий простой пример показывает, как использовать имеющуюся в окне информацию для создания элемента в другом окне.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cpeдства DOM и добавление содержимого в OKHO</title>
<meta http-equiv="content-type" content="text/html;" />
<script type="text/javascript">
<!--
function domWindowAdd()
{
var currentElement;
if ((window.myWindow) && (myWindow.closed == false))
{
var str = document.testForm.textToAdd.value;
var theString = myWindow.document.createTextNode(str);
var theBreak = myWindow.document.createElement("br");
currentElement = myWindow.document.getElementById('heading1');
currentElement.appendChild(theString);
currentElement.appendChild(theBreak);
myWindow.focus();
}
}
// Создание окна, в которое будет добавляться текст
var myWindow = open('','mywin','height=300,width=300');
myWindow.document.writeln("<h1 id='heading1'>Привет от JavaScript</h1></body></html>");
myWindow.document.close();
myWindow.focus();
//-->
</script>
</head>
<body>
<h1>Взаимодействие с окном посредством DOM</h1>
<form name="testForm" id="testForm" action="#" method="get">
<input type="text" name="textToAdd" id="textToAdd" size="30" />
<input type="button" value="Add Text" onclick="domWindowAdd();" />
</form>
</body>
</html>

Этот пример просто напоминает о возможности использования указанной технологии. Подробно возможности работы с документами с применением методов DOM обсуждались в ранее. Перед тем как перейти к изучению методов и событий, связанных с окнами, мы должны обсудить еще один момент, касающийся взаимодействия окон.
назад: Запись в окна далее:


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика