Подделка под старое убивает старое (Д.С. Лихачев).

JavaScript – Наследие DOM

4 мин для чтения
FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
17 декабря 2017
Язык программирования Javascript
Это модель, которая была введена в ранних версиях языка JavaScript. Он хорошо поддерживается всеми браузерами, позволяет получить доступ только к определенным ключевым частям документов, таких как формы, элементов форм и образов.

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

Свойства документа в Legacy DOM

Вот список свойств документа, которые могут быть доступны с помощью прежних версий DOM.

Sr.NoСвойства & Описание
1alinkColor – Устаревший – Строка, которая определяет цвет активированных ссылок.

Ex – document.alinkColor

2anchors[] – Массив объектов Anchor, один для каждого якоря, который появляется в документе

Ex – document.anchors [0], document.anchors [1] и так далее

3applets[] – Массив объектов Applet, один для каждого апплета, который появляется в документе

Ex – document.applets [0], document.applets [1] и так далее

4BGColor – Устаревший – Строка, которая определяет цвет фона документа.

Ex – document.bgColor

5cookie – Строка многозначного свойства с особым поведением, которое позволяет куки, связанный с этим документом, который будет запрашивать и установить.

Ex – document.cookie

6domain – Строка, которая определяет домен включенный в интернет-документ. Используется для целей безопасности.

Ex – document.domain

7embeds[] – Массив объектов, представляющих данные, внедренные в документ с тегом <embed>. Синоним plugins[]. Некоторые плагины и элементы управления ActiveX можно управлять с помощью кода JavaScript.

Ex – document.embeds [0], document.embeds [1] и так далее

8fgColor – Устаревший – Строка, которая определяет цвет текста по умолчанию для документа

Ex – document.fgColor

9forms[] – Массив объектов формы, один для каждого HTML-формы, которая появляется в документе.

Ex – document.forms [0], document.forms [1] и так далее

10images[ ] – Массив объектов Image, один для каждого изображения, внедренные в документе с тегом HTML <img>.

Ex – document.images [0], document.images [1] и так далее

11LastModified – Строка только для чтения, которая определяет дату последнего изменения в документе

Ex – document.lastModified

12linkColor – Устаревший – Строка, которая определяет цвет непосещенной ссылки

Ex – document.linkColor

13links[] – Это массив ссылок документа.

Ex – document.links [0], document.links [1] и так далее

14location – URL документа. Запрещены в пользу собственности URL.

Ex – document.location

15plugins[] – Синоним встроенных элементов []

Ex – document.plugins [0], document.plugins [1] и так далее

16Referrer – Строка только для чтения, которая содержит URL документа, если таковые имеются, из которого был связан текущий документ.

Ex – document.referrer

17Title – Текст содержимое тега <title>.

Ex – document.title

18URL – Строка только для чтения, которая определяет URL документа.

Ex – document.URL

19vlinkColor – Устаревший – Строка, которая определяет цвет посещенных ссылок.

Ex – document.vlinkColor

Методы Document в Legacy DOM

Вот список методов, поддерживаемое Legacy DOM.

Свойства & Описание
1clear( ) – Устаревшее – Стирает содержимое документа и ничего не возвращает.

Ex – document.clear()

2close( ) – Закрывает поток документа, который был открыт с помощью метода open() и ничего не возвращает.

Ex – document.close()

3open( ) – Удаление существующего содержимого документа и открывает поток, к которому может быть записан новое содержание документа, ничего не возвращает.

Ex – document.open()

4write( value, …) – Вставляет указанную строку или строки в документ, который в данный момент анализируется, или добавляет к документу, открытому с помощью open( ). Ничего не возвращает.

Ex – document.write (value, …)

5writeln( value, …) – Идентично write(), за исключением того, что он добавляет символ новой строки к выводу. Ничего не возвращает.

Ex – document.writeln (value, …)

Пример

Мы можем найти любой элемент HTML в пределах любого HTML документа с помощью HTML DOM. Например, если веб – документ содержит элемент form, то с помощью JavaScript можно ссылаться на него как document.forms[0]. Если ваш веб – документ включает в себя два элемента form, то первая форма называется document.forms[0] , а вторая document.forms[1].

Используя иерархию и свойства, приведенные выше, можно получить доступ к первому элементу формы с помощью document.forms[0] .elements[0] и так далее.

Ниже приведен пример для доступа к свойствам документа с использованием устаревших методов DOM.

<html>
   
   <head>
      <title> Заголовок Document </title>
      
      <script type="text/javascript">
         <!--
            function myFunc()
            {
               var ret = document.title;
               alert("Заголовок Document : " + ret );
            
               var ret = document.URL;
               alert("Document URL : " + ret );
            
               var ret = document.forms[0];
               alert("Первая форма в Document : " + ret );
            
               var ret = document.forms[0].elements[1];
               alert("Второй элемент : " + ret );
            }
         //-->
      </script>
      
   </head>
   
   <body>
      <h1 id="title">Это главное название</h1>
      <p>Нажмите ниже, чтобы увидеть результат:</p>
      
      <form name="FirstForm">
         <input type="button" value="Нажми меня" onclick="myFunc();" />
         <input type="button" value="Отмена">
      </form>
      
      <form name="SecondForm">
         <input type="button" value="Не нажимай меня"/>
      </form>
      
   </body>
</html>

 

Вывод

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

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Просмотров: 143

Если статья понравилась, то поделитесь ей в социальных сетях:

Читайте также

    Добавить комментарий

    Войти с помощью: 

    Ваш e-mail не будет опубликован. Обязательные поля помечены *

    Сообщить об опечатке

    Текст, который будет отправлен нашим редакторам:

    Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

    badge
    Обратный звонок 1
    Отправить
    galka

    Спасибо! Ваша заявка принята

    close
    galka

    Спасибо! Ваша заявка принята

    close