Интерфейсы холста и изображения

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

Медиа-интерфейсы

Медиа-интерфейсы обеспечивают HTML-доступ к содержимому мультимедийных элементов: и .

Интерфейсы перетаскивания

Эти интерфейсы используются HTML_Drag_and_Drop_API для представления отдельных перетаскиваемых (или перетаскиваемых) элементов, групп перетаскиваемых или перетаскиваемых элементов, а также для обработки процесса перетаскивания.

Интерфейсы истории страниц

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

Интерфейсы веб-компонентов

Разные и поддерживающие интерфейсы

Интерфейсы, принадлежащие другим API

Некоторые интерфейсы технически определены в спецификации HTML, но фактически являются частью других API.

Интерфейсы веб-хранилищ

Web_Storage_API предоставляет возможность веб-сайтам временно или постоянно хранить данные на устройстве пользователя для последующего повторного использования.

Интерфейсы веб-воркеров

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

Интерфейсы WebSocket

Эти интерфейсы, определенные спецификацией HTML, используются WebSockets_API.

Интерфейсы событий, отправляемых сервером

Интерфейс EventSource представляет источник, который отправляет или отправляет события, отправленные сервером.

В этом примере отслеживается событие input элемента , чтобы обновить состояние кнопки «отправить» формы на основе того, имеет ли данное поле в настоящее время значение.

JavaScript

  константа nameField = document.getElementById ("userName");
const sendButton = document.getElementById ("sendButton")

sendButton.disabled = true;



nameField.addEventListener ("input", event => {
  const elem = event.target;
  const действительный = elem.значение.длина! = 0;

  if (действительный && sendButton.disabled) {
    sendButton.disabled = false;
  } else if (! valid &&! sendButton.disabled) {
    sendButton.disabled = true;
  }
});  

Этот код использует метод getElementById () интерфейса Document для получения объекта DOM, представляющего элементы , идентификаторы которых — userName и sendButton . С их помощью мы можем получить доступ к свойствам и методам, которые предоставляют информацию об этих элементах и ​​предоставляют контроль над ними.

Объект HTMLInputElement для свойства disabled кнопки «Отправить» имеет значение true , что отключает кнопку «Отправить», поэтому ее нельзя щелкнуть. Кроме того, поле ввода имени пользователя становится активным фокусом путем вызова метода focus () , который он наследует от HTMLElement .

Затем вызывается addEventListener () для добавления обработчика события input к вводу имени пользователя. Этот код смотрит на длину текущего значения ввода; если ноль, то кнопка «Отправить» неактивна, если она еще не отключена.В противном случае код гарантирует, что кнопка включена.

При этом кнопка «Отправить» всегда активна, когда поле ввода имени пользователя имеет значение, и отключается, когда оно пусто.

HTML

HTML-код формы выглядит так:

  
 Предоставьте информацию ниже. Пункты, отмеченные «*», являются обязательными. 

  

     Ваше имя: 
     (*)
  
  

     Электронная почта: 
    
  
  

  

Результат

Таблицы BCD загружаются только в браузере

Как создать дерево DOM — веб-API

Рассмотрим следующий XML-документ:

  
<люди>
  
    

    

  

  
    

    

    

  

  

API W3C DOM, поддерживаемый Mozilla, можно использовать для создания представления этого документа в памяти следующим образом:

  var doc = document.реализация.createDocument ("", "", null);
var peopleElem = doc.createElement ("люди");

var personElem1 = doc.createElement ("человек");
personElem1.setAttribute ("имя", "Эрик");
personElem1.setAttribute ("средний начальный", "h");
personElem1.setAttribute ("фамилия", "юнг");

var addressElem1 = doc.createElement ("адрес");
addressElem1.setAttribute ("улица", "Южная улица 321");
addressElem1.setAttribute ("город", "денвер");
addressElem1. setAttribute ("состояние", "co");
addressElem1.setAttribute ("страна", "США");
personElem1.appendChild (адресElem1);

var addressElem2 = doc.createElement ("адрес");
addressElem2.setAttribute ("улица", "главная улица, 123");
addressElem2.setAttribute ("город", "арлингтон");
addressElem2.setAttribute ("состояние", "ма");
addressElem2.setAttribute ("страна", "США");
personElem1.appendChild (адресElem2);

var personElem2 = doc.createElement ("человек");
personElem2.setAttribute ("имя", "джед");
personElem2.setAttribute ("фамилия", "коричневый");

var addressElem3 = doc.createElement ("адрес");
адресElem3.setAttribute ("улица", "северная улица 321");
addressElem3.setAttribute ("город", "атланта");
addressElem3.setAttribute ("состояние", "га");
addressElem3.setAttribute ("страна", "США");
personElem2.appendChild (адресElem3);

var addressElem4 = doc.createElement ("адрес");
addressElem4.setAttribute ("улица", "западная улица 123");
addressElem4.setAttribute ("город", "сиэтл");
addressElem4.setAttribute ("состояние", "ва");
addressElem4.setAttribute ("страна", "США");
personElem2.appendChild (addressElem4);

var addressElem5 = док.createElement ("адрес");
addressElem5.setAttribute ("улица", "Южный проспект, 321");
addressElem5.setAttribute ("город", "денвер");
addressElem5.setAttribute ("состояние", "со");
addressElem5.setAttribute ("страна", "США");
personElem2.appendChild (addressElem5);

peopleElem.appendChild (personElem1);
peopleElem.appendChild (personElem2);
doc.appendChild (peopleElem);
  

См. Также главу, посвященную DOM, в учебном руководстве по XUL.

Вы можете автоматизировать создание DOM-дерева с помощью обратного алгоритма JXON в сочетании со следующим представлением JSON:

  {
  "люди": {
    "человек": [{
      "адрес": [{
        "@street": "южная улица 321",
        "@city": "денвер",
        "@state": "co",
        "@country": "usa"
      }, {
        "@street": "главная улица, 123",
        "@city": "арлингтон",
        "@state": "ma",
        "@country": "usa"
      }],
      "@ имя": "Эрик",
      "@ middle-initial": "H",
      "@ фамилия": "юнг"
    }, {
      "адрес": [{
        "@street": "северная улица, 321",
        "@city": "атланта",
        "@state": "га",
        "@country": "usa"
      }, {
        "@street": "Западная улица, 123",
        "@city": "сиэтл",
        "@state": "wa",
        "@country": "usa"
      }, {
        "@street": "Южный проспект, 321",
        "@city": "денвер",
        "@state": "co",
        "@country": "usa"
      }],
      "@ first-name": "jed",
      "@ фамилия": "коричневый"
    }]
  }
}
  

DOM-деревья могут быть запрошены с использованием выражений XPath, преобразованы в строки или записаны в локальные или удаленные файлы с помощью XMLSerializer (без предварительного преобразования в строку), отправлены на веб-сервер (через XMLHttpRequest ), преобразованы с использованием XSLT, XLink, преобразованные в объект JavaScript с помощью алгоритма JXON и т. Д.

Вы можете использовать деревья DOM для моделирования данных, которые не подходят для RDF (или, возможно, вам просто не нравится RDF). Другое приложение заключается в том, что, поскольку XUL — это XML, пользовательским интерфейсом вашего приложения можно довольно легко динамически управлять, загружать, выгружать, сохранять, загружать, преобразовывать или преобразовывать.

Объектная модель документа (DOM) — веб-API

Объектная модель документа ( DOM ) связывает веб-страницы со сценариями или языками программирования, представляя структуру документа, например HTML-код, представляющий веб-страницу, в памяти.Обычно это относится к JavaScript, хотя моделирование документов HTML, SVG или XML как объектов не является частью основного языка JavaScript.

Модель DOM представляет собой документ с логическим деревом. Каждая ветвь дерева заканчивается узлом, и каждый узел содержит объекты. Методы DOM обеспечивают программный доступ к дереву. С их помощью вы можете изменить структуру, стиль или содержимое документа.

также могут быть прикреплены обработчики событий. Как только событие запускается, обработчики событий запускаются.

Устаревшие интерфейсы DOM

Объектная модель документа сильно упрощена. Для этого были удалены следующие интерфейсы, присутствующие в различных спецификациях DOM уровня 3 или более ранних. Неясно, могут ли некоторые из них быть повторно введены в будущем или нет, но на данный момент они должны считаться устаревшими, и их следует избегать:

Документ, содержащий HTML, описывается с помощью интерфейса Document , который расширен спецификацией HTML для включения различных функций, специфичных для HTML.В частности, интерфейс Element улучшен, чтобы стать HTMLElement и различными подклассами, каждый из которых представляет один из (или семейство тесно связанных) элементов.

HTML DOM API обеспечивает доступ к различным функциям браузера, таким как вкладки и окна, стили и таблицы стилей CSS, история браузера и т. Д. Эти интерфейсы подробно рассматриваются в документации HTML DOM API.

Интерфейсы элементов SVG

• SVGA Элемент
• SVGAltGlyphElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGAltGlyphDefElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGAltGlyphItemElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGAэлемент анимации
• SVGA Анимационный элемент
• SVGAnimateColorElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGA Элемент анимации движения
• SVGA Элемент преобразования анимации
• SVGCircleElement
• SVGClipPathElement
• SVGColorProfileElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGComponentTransferFunctionElement
• SVGCursorElement
• SVGDefsElement
• SVGDescElement
• SVGE Элемент
• SVGЭлемент эллипса
• SVGFEBlendElement
• SVGFEColorMatrixElement
• SVGFEComponentTransferElement
• SVGFEC Композитный элемент
• SVGFEConvolveMatrixElement
• SVGFEDiffuseLightingElement
Элемент диффузного освещения
• SVGFEDisplacementMapElement
• SVGFEDistantLightElement
• SVGFEDropShadowElement
• SVGFEFloodElement
• SVGFEFuncAElement
• SVGFEFuncBElement
• SVGFEFuncGElement
• SVGFEFuncRElement
• SVGFEGaussianBlurElement
• SVGFEImageElement
• SVGFEMergeElement
• SVGFEMergeNodeElement
• SVGFEMorphologyElement
• SVGFEOffsetElement
• SVGFEPointLightElement
• SVGFE Зеркальный светильник
• SVGFESpotLightElement
• SVGFETileElement
• SVGFE Элемент турбулентности
• SVGFilterElement
• SVGFilterPrimitiveStandardAttributes
• SVGFontElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGFontFaceElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGFontFaceFormatElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGFontFaceNameElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGFontFaceSrcElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGFontFaceUriElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGForeignObjectElement
• SVGG Элемент
• SVGGeometryElement
• SVGGlyphElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGGlyphRefElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGGradientElement
• SVG Графика Элемент
• SVGHatchElement Это экспериментальный API, который не следует использовать в производственном коде.
• SVGHatchpathElement Это экспериментальный API, который не следует использовать в производственном коде.
• SVGHKernElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGImageElement
• SVGLinearGradientElement
• SVGLineElement
• SVGMarkerElement Это экспериментальный API, который не следует использовать в производственном коде.
• SVGMaskElement
• SVGMeshElement Это экспериментальный API, который не следует использовать в производственном коде.
• SVGMeshGradientElement Это экспериментальный API, который не следует использовать в производственном коде.
• SVGMeshpatchElement Это экспериментальный API, который не следует использовать в производственном коде.
• SVGMeshrowElement Это экспериментальный API, который не следует использовать в производственном коде.
• SVGMetadataElement
• SVGMissingGlyphElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGMPathElement
• SVGPathElement
• SVGPatternElement
• SVGPolylineElement
• SVGPolygonElement
• SVGRadialGradientElement
• SVGRectElement
• SVGScriptElement
• SVGSetElement
• SVGSolidcolorElement Это экспериментальный API, который не следует использовать в производственном коде.
• SVGStopElement
• SVGStyleElement
• SVGSVGE Элемент
• SVGSwitchElement
• SVGSymbolElement
• SVGTextContentElement
• SVGTextElement
• SVGTextPathElement
• SVGTextPositioningElement
• SVGTitleElement
• SVGTRefElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGTSpanElement
• SVGUseElement
• SVGUnknownElement Это экспериментальный API, который не следует использовать в производственном коде.
• SVGViewElement
• SVGVKernElement Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.

Интерфейсы типов данных SVG

Вот API-интерфейсы DOM для типов данных, используемых в определениях свойств и атрибутов SVG.

Статический тип

• SVG Угол
• SVGColor Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGICCColor Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGElementInstance
• SVGElementInstanceList
• SVG Длина
• SVGLengthList
• SVGMatrix Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGNameList
• SVG Номер
• SVGNumberList
• SVGPaint
• SVGPathSeg Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegClosePath Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegMovetoAbs Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegMovetoRel Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegLinetoAbs Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegLinetoRel Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegCurvetoCubicAbs Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegCurvetoCubicRel Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegCurvetoQuadraticAbs Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegCurvetoQuadraticRel Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegArcAbs Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegArcRel Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegLinetoHorizontalAbs Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegLinetoHorizontalRel Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegLinetoVerticalAbs Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegLinetoVerticalRel Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegCurvetoCubicSmoothAbs Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegCurvetoCubicSmoothRel Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegCurvetoQuadraticSmoothAbs Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegCurvetoQuadraticSmoothRel Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPathSegList Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPoint Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPointList Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGPreserveAspectRatio
• SVGRect Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGStringList
• SVGTransform
• SVGTransformList

Анимированный шрифт

Интерфейсы, связанные с SMIL

Другие интерфейсы SVG

• GetSVGDocument
• ShadowAnimation
• SVGColorProfileRule Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGCSSRule Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVG Документ
• SVGException Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGExternalResourcesRequired Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGFitToViewBox
• SVGLangSpace Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGLocatable Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGRenderingIntent Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGStylable Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGTests
• SVGTransformable Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGUnitTypes
• SVGUseElementShadowRoot
• SVGURI Ссылка
• SVGViewSpec Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.
• SVGZoomAndPan
• SVGZoomEvent Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.

Что такое объектная модель документа?

Редакторы

Джонатан Роби, Texcel Research

Введение

Объектная модель документа (DOM) — это программный API для HTML и XML-документы.Он определяет логическую структуру документов и способ доступа к документу и управления им. В спецификации DOM термин «документ» используется в широком смысле — XML ​​все чаще используется как способ представления множества различных видов информации, которые могут храниться в различных системах, и многие из них традиционно рассматриваться как данные, а не как документы. Тем не менее, XML представляет эти данные как документы, и DOM может использоваться для управления этими данными.

С документом Объектная модель, программисты могут создавать и строить документы, перемещаться их структуру, а также добавлять, изменять или удалять элементы и содержимое. Доступ ко всему, что находится в документе HTML или XML, изменено, удалено или добавлено с использованием объектной модели документа, за некоторыми исключениями — в частности, интерфейсы DOM для внутреннее подмножество и внешнее подмножество еще не определены.

Как спецификация W3C, одна важная цель для Документа Объектная модель предоставляет стандартный программный интерфейс, который можно использовать в самых разных средах и приложениях.Объектную модель документа можно использовать с любым программированием. язык. Чтобы предоставить точную, независимую от языка спецификацию интерфейсов объектной модели документа мы решили определить спецификации в OMG IDL, как определено в CORBA 2.2 Технические характеристики. В дополнение к спецификации OMG IDL, мы предоставляем языковые привязки для Java и ECMAScript ( стандартный язык сценариев, основанный на JavaScript и JScript). Примечание: OMG IDL используется только как независимый от языка и независимый от реализации способ указания интерфейсов.Различные другие Можно было использовать IDL; использование OMG IDL не означает требование использовать конкретную среду выполнения привязки объекта.

Что такое объектная модель документа

Объектная модель документа — это программный API для документов. Сама объектная модель очень похожа на структуру документы это модели. Например, рассмотрим эту таблицу, взятую из HTML-документа:

 <ТАБЛИЦА>
      <РОУСЫ>
      
       Шэди Гроув 
       Эолийские 
      
      
       За рекой, Чарли 
       Дориан 
      
      
      
     

Объектная модель документа представляет эту таблицу следующим образом:

В объектной модели документа документы имеют логический структура, очень похожая на дерево; если быть более точным, это похож на «лес» или «рощу», которые могут содержать более одного дерева.Однако объектная модель документа не указано, что документы реализованы как дерево или роща, ни указывает ли он, как отношения между объектами должны быть реализовано любым способом. Другими словами, объектная модель определяет логическую модель для интерфейса программирования, и эта логическая модель может быть реализована любым способом, который конкретная реализация находит удобной. В этом спецификации, мы используем термин модель структуры , чтобы описывать древовидное представление документа; мы особенно избегайте таких терминов, как «дерево» или «роща», чтобы не подразумевать выполнение.Одно важное свойство моделей структуры DOM структурный изоморфизм : если любые два документа Реализации объектной модели используются для создания представления одного и того же документа, они создадут одну и ту же модель структуры, с точно такими же объектами и отношениями.

Название «Объектная модель документа» было выбрано, потому что это «объектная модель», используемая в традиционных объектно-ориентированный дизайн: документы моделируются с использованием объекты, и модель охватывает не только структуру документ, но также поведение документа и объектов из которых он состоит.Другими словами, узлы в приведенная выше диаграмма не представляет собой структуру данных, они представляют собой объекты, которые имеют функции и идентичность. Как объектная модель, объектная модель документа определяет:

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

Структура документов SGML традиционно представлен абстрактной моделью данных, а не объектной моделью.В абстрактной модели данных модель сосредоточена вокруг данные. В объектно-ориентированных языках программирования сами данные инкапсулируется в объекты, которые скрывают данные, защищая их от прямых внешних манипуляций. Функции, связанные с эти объекты определяют, как ими можно манипулировать, и они являются частью объектной модели.

Объектная модель документа в настоящее время состоит из двух частей: DOM Core и DOM HTML. Ядро DOM представляет собой функциональность, используемая для XML-документов, а также служит основа для DOM HTML.Все реализации DOM должны поддерживать интерфейсы, перечисленные как «основные» в спецификации Core; кроме того, реализации XML должны поддерживать интерфейсы указан как «расширенный» в спецификации Core. Уровень 1 Спецификация DOM HTML определяет дополнительные функции необходимо для HTML-документов.

Чем отличается объектная модель документа

Этот раздел предназначен для более точного понимания объектной модели документа, отличая ее от других системы, которые могут показаться похожими.

• Хотя объектная модель документа находилась под сильным влиянием динамическим HTML, на уровне 1, он не реализует все Динамический HTML. В частности, пока не определены события. Уровень 1 призван заложить прочный фундамент для такого рода функциональности, предоставляя надежную и гибкую модель документ.
• Объектная модель документа не является двоичной спецификацией. Документ Программы объектной модели, написанные на том же языке, будут исходный код совместим на разных платформах, но Документ Объектная модель не определяет какую-либо форму двоичного совместимость.
• Объектная модель документа не является способом сохранения объектов в XML или HTML. Вместо того, чтобы указывать, как объекты могут быть представленная в XML, объектная модель документа определяет, как Документы XML и HTML представлены как объекты, так что их можно использовать в объектно-ориентированных программах.
• Объектная модель документа — это не набор структур данных, это объектная модель, определяющая интерфейсы. Хотя это документ содержит диаграммы, показывающие родительские / дочерние отношения, это логические отношения, определенные программированием интерфейсы, а не представления каких-либо конкретных внутренних структуры данных.
• Объектная модель документа не определяет «истинное внутренняя семантика »XML или HTML. Семантика тех языки определяются самими языками. В Объектная модель документа — это модель программирования, предназначенная для уважайте эту семантику. Объектная модель документа не иметь какие-либо разветвления для того, как вы пишете XML и HTML документы; любой документ, который может быть написан на этих языках могут быть представлены в объектной модели документа.
• Объектная модель документа, несмотря на свое название, не является конкурент компонентной объектной модели (COM).COM, как CORBA — это независимый от языка способ определения интерфейсов и объекты; Объектная модель документа — это набор интерфейсов и объекты, предназначенные для управления документами HTML и XML. ДОМ могут быть реализованы с использованием систем, не зависящих от языка, таких как COM или CORBA; это также может быть реализовано с использованием зависящего от языка привязки, такие как привязки Java или ECMAScript, указанные в этот документ.

Откуда появилась объектная модель документа

Объектная модель документа возникла как спецификация разрешить переносимость сценариев JavaScript и программ Java среди веб-браузеры.Динамический HTML был непосредственным предшественником Объектная модель документа, и изначально она задумывалась в основном с точки зрения браузеров. Однако, когда объектная модель документа Создана рабочая группа, в нее также вошли вендоры из других стран. домены, включая редакторы HTML или XML и документ репозитории. Некоторые из этих поставщиков работали с SGML. до того, как был разработан XML; в результате объектная модель документа на него повлияли SGML Groves и стандарт HyTime.Некоторый этих поставщиков также разработали свои собственные объектные модели для документы, чтобы предоставить программные API для SGML / XML редакторы или репозитории документов, и эти объектные модели имеют также повлиял на объектную модель документа.

Сущности и ядро ​​DOM

В основных интерфейсах DOM нет объектов, представляющих сущности. Ссылки на цифровые символы и ссылки на предопределенные объекты в HTML и XML заменяются один символ, составляющий замену объекта.Например, в:

Это собака & amp; кот

образует единый непрерывный последовательность символов. Представление общего сущности, как внутренние, так и внешние, определены в расширенные (XML) интерфейсы спецификации уровня 1.Примечание: когда DOM-представление документа сериализуется как текст XML или HTML, приложения должны будут проверять каждый символ в текстовых данных, чтобы увидеть, нужно ли его экранировать с использованием числового или предопределенного объекта. В противном случае может привести к неверному HTML или XML.

Интерфейсы DOM и реализации DOM

DOM определяет интерфейсы, которые могут использоваться для управления XML или HTML-документы. Важно понимать, что эти интерфейсы являются абстракцией, как «абстрактные базовые классы» в C ++, они являются средством определения способа доступа и управления внутреннее представление документа в приложении.В в частности, интерфейсы не подразумевают конкретного конкретного выполнение. Каждое приложение DOM можно бесплатно поддерживать документы в любом удобном представлении, при условии, что поддерживаются интерфейсы, указанные в этой спецификации. Некоторый Реализацией DOM будут существующие программы, использующие Интерфейсы DOM для доступа к программному обеспечению, написанному задолго до Спецификация DOM существовала. Таким образом, DOM спроектирован чтобы избежать зависимостей реализации; в частности,

1. Атрибуты, определенные в IDL, не подразумевают конкретных объекты, которые должны иметь определенные члены данных — в языковых привязок, они переведены на пару get () / set (), а не члену данных.(Только для чтения функции имеют только функцию get () на языке привязки).
Приложения
2. DOM могут предоставлять дополнительные интерфейсы и объекты, не найденные в этой спецификации и все еще считается совместимым с DOM.
3. Потому что мы указываем интерфейсы, а не собственно объекты, которые должны быть созданы, DOM не может знать, что конструкторы для вызова реализации. В общем, Пользователи DOM вызывают методы createXXX () в документе класс для создания структур документов и DOM реализации создают свои собственные внутренние представления этих структур в их реализациях createXXX () функции.

Ограничения первого уровня

Спецификация DOM Level 1 намеренно ограничена эти методы, необходимые для представления и управления документом структура и содержание. Будущие уровни спецификации DOM предоставят:

1. Модель структуры для внутреннего подмножества и внешнее подмножество.
2. Проверка по схеме.
3. Управление отрисовкой документов с помощью таблиц стилей.
4. Контроль доступа.
5. Безопасность ниток.

Что такое объектная модель документа?

REC-ДОМ-Уровень-1-19981001

Редакторы

Джонатан Роби, Texcel Research

Введение

Объектная модель документа (DOM) — это интерфейс прикладного программирования (API) для HTML и XML-документы. Он определяет логическую структуру документов и способ доступа к документу и управления им.В спецификации DOM термин «документ» используется в широком смысле — XML ​​все чаще используется как способ представления множества различных видов информации, которые могут храниться в различных системах, и многие из них традиционно рассматриваться как данные, а не как документы. Тем не менее, XML представляет эти данные как документы, и DOM может использоваться для управления этими данными.

С документом Объектная модель, программисты могут создавать документы, перемещаться их структуру, а также добавлять, изменять или удалять элементы и содержимое.Доступ ко всему, что находится в документе HTML или XML, изменено, удалено или добавлено с использованием объектной модели документа, за некоторыми исключениями — в частности, интерфейсы DOM для внутренние и внешние подмножества XML еще не определены.

Как спецификация W3C, одна важная цель для Документа Объектная модель предоставляет стандартный программный интерфейс, который можно использовать в самых разных средах и приложениях. Модель DOM предназначена для использования с любым программированием. язык.Чтобы предоставить точную, независимую от языка спецификацию интерфейсов DOM мы решили определить спецификации в OMG IDL, как определено в CORBA 2.2 Технические характеристики. В дополнение к спецификации OMG IDL, мы предоставляем языковые привязки для Java и ECMAScript ( стандартный язык сценариев, основанный на JavaScript и JScript). Примечание: OMG IDL используется только как независимый от языка и независимый от реализации способ указания интерфейсов.Различные другие Можно было использовать IDL. В общем, IDL предназначены для специфические вычислительные среды. Объектная модель документа может быть реализован в любой вычислительной среде и не требовать время выполнения привязки объекта, обычно связанное с такие IDL.

Что такое объектная модель документа

DOM — это программный API для документов. Он очень напоминает структуру документы это модели. Например, рассмотрим эту таблицу, взятую из HTML-документа:

      <ТАБЛИЦА>
      
      
       Шэди Гроув 
       Эолийские 
      
      
       За рекой, Чарли 
       Дориан 
      
      
      
     

Модель DOM представляет эту таблицу следующим образом:

В модели DOM документы имеют логическую структура, очень похожая на дерево; если быть более точным, это похож на «лес» или «рощу», которые могут содержать более одного дерева.Однако DOM не указывает, что документы должны быть реализованы как дерево или роща, ни указывает ли он, как отношения между объектами должны быть реализовано. DOM — это логическая модель, которая может быть реализована в любом удобный способ. В этом спецификации, мы используем термин модель структуры , чтобы описывать древовидное представление документа; мы особенно избегайте таких терминов, как «дерево» или «роща», чтобы не подразумевать выполнение.Одно важное свойство моделей структуры DOM структурный изоморфизм : если любые два документа Реализации объектной модели используются для создания представления одного и того же документа, они создадут одну и ту же модель структуры, с точно такими же объектами и отношениями.

Название «Объектная модель документа» было выбрано, потому что это «объектная модель» в традиционном объектно-ориентированный дизайн: документы моделируются с использованием объекты, и модель охватывает не только структуру документ, но также поведение документа и объектов из которых он состоит.Другими словами, узлы в приведенная выше диаграмма не представляет собой структуру данных, они представляют собой объекты, которые имеют функции и идентичность. Как объектная модель, DOM идентифицирует:

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

Структура документов SGML традиционно представлен абстрактной моделью данных, а не объектной моделью.В абстрактной модели данных модель сосредоточена вокруг данные. В объектно-ориентированных языках программирования сами данные инкапсулируется в объекты, которые скрывают данные, защищая их от прямых внешних манипуляций. Функции, связанные с эти объекты определяют, как ими можно манипулировать, и они являются частью объектной модели.

Объектная модель документа в настоящее время состоит из двух частей: DOM Core и DOM HTML. Ядро DOM представляет собой функциональность, используемая для XML-документов, а также служит основа для DOM HTML.Соответствующая реализация DOM должна реализовывать все основные интерфейсы в главе Core с семантикой как определенный. Кроме того, он должен реализовывать по крайней мере один из HTML DOM и расширенные (XML) интерфейсы с определенной семантикой.

Чем отличается объектная модель документа

Этот раздел предназначен для более точного понимания модели DOM, отличая ее от других системы, которые могут показаться похожими.

• Хотя объектная модель документа находилась под сильным влиянием «Динамический HTML» на уровне 1 не реализует все «Динамический HTML».В частности, пока не определены события. Уровень 1 призван заложить прочный фундамент для такого рода функциональности, предоставляя надежную и гибкую модель документ.
• Объектная модель документа не является двоичной спецификацией. Программы DOM, написанные на том же языке, будут исходный код совместим на разных платформах, но DOM не определяет какую-либо форму бинарного взаимодействия.
• Объектная модель документа не является способом сохранения объектов в XML или HTML.Вместо того, чтобы указывать, как объекты могут быть представленный в XML, DOM определяет, как Документы XML и HTML представлены как объекты, так что их можно использовать в объектно-ориентированных программах.
• Объектная модель документа — это не набор структур данных, это объектная модель, определяющая интерфейсы. Хотя это документ содержит диаграммы, показывающие родительские / дочерние отношения, это логические отношения, определенные программированием интерфейсы, а не представления каких-либо конкретных внутренних структуры данных.
• Объектная модель документа не определяет «истинное внутренняя семантика »XML или HTML. Семантика тех языки определены Рекомендациями W3C для этих языков. DOM — это модель программирования, разработанная для уважайте эту семантику. DOM не иметь какие-либо разветвления для того, как вы пишете XML и HTML документы; любой документ, который может быть написан на этих языках могут быть представлены в модели DOM.
• Объектная модель документа, несмотря на свое название, не является конкурент компонентной объектной модели (COM).COM, как CORBA — это независимый от языка способ определения интерфейсов и объекты; DOM — это набор интерфейсов и объекты, предназначенные для управления документами HTML и XML. ДОМ могут быть реализованы с использованием систем, не зависящих от языка, таких как COM или CORBA; это также может быть реализовано с использованием зависящего от языка привязки, такие как привязки Java или ECMAScript, указанные в этот документ.

Откуда появилась объектная модель документа

Модель DOM возникла как спецификация разрешить переносимость сценариев JavaScript и программ Java среди Веб-браузеры.«Динамический HTML» был непосредственным предшественником Объектная модель документа, и изначально она задумывалась в основном с точки зрения браузеров. Однако когда DOM В W3C сформирована рабочая группа, к ней также присоединились вендоры из других стран. домены, включая редакторы HTML или XML и документ репозитории. Некоторые из этих поставщиков работали с SGML. до того, как был разработан XML; в результате DOM на него повлияли SGML Groves и стандарт HyTime. Некоторый этих поставщиков также разработали свои собственные объектные модели для документы, чтобы предоставить API для SGML / XML редакторы или репозитории документов, и эти объектные модели имеют также повлиял на DOM.

Сущности и ядро ​​DOM

В основных интерфейсах DOM нет объектов, представляющих сущности. Ссылки на цифровые символы и ссылки на предопределенные объекты в HTML и XML заменяются один символ, составляющий замену объекта. Например, в:

        
 Это собака & amp; кот 
       

распознается как начальный тег. Представление общего сущности, как внутренние, так и внешние, определены в расширенные (XML) интерфейсы спецификации уровня 1.

Примечание: когда DOM-представление документа сериализуется как текст XML или HTML, приложения должны будут проверять каждый символ в текстовых данных, чтобы увидеть, нужно ли его экранировать с использованием числового или предопределенного объекта. В противном случае может привести к неверному HTML или XML. Кроме того, реализации должны быть осознавая тот факт, что сериализация в кодировку символов («кодировка»), которая не полностью покрывает ISO 10646, может потерпеть неудачу, если есть символы в разделах разметки или CDATA, которых нет в кодирование.

Интерфейсы DOM и реализации DOM

DOM определяет интерфейсы, которые могут использоваться для управления XML или HTML-документы. Важно понимать, что эти интерфейсы являются абстракцией, как «абстрактные базовые классы» в C ++, они являются средством определения способа доступа и управления внутреннее представление документа в приложении. Интерфейсы не подразумевают конкретный конкретный выполнение. Каждое приложение DOM можно бесплатно поддерживать документы в любом удобном представлении, при условии, что поддерживаются интерфейсы, указанные в этой спецификации.Некоторый Реализацией DOM будут существующие программы, использующие Интерфейсы DOM для доступа к программному обеспечению, написанному задолго до Спецификация DOM существовала. Таким образом, DOM спроектирован чтобы избежать зависимостей реализации; в частности,

1. Атрибуты, определенные в IDL, не подразумевают конкретных объекты, которые должны иметь определенные члены данных — в языковых привязок, они переведены на пару get () / set (), а не члену данных. (Только для чтения функции имеют только функцию get () на языке привязки).
Приложения
2. DOM могут предоставлять дополнительные интерфейсы и объекты, не найденные в этой спецификации и все еще считается совместимым с DOM.
3. Потому что мы указываем интерфейсы, а не собственно объекты, которые должны быть созданы, DOM не может знать, что конструкторы для вызова реализации. В общем, Пользователи DOM вызывают методы createXXX () в документе класс для создания структур документов и DOM реализации создают свои собственные внутренние представления этих структур в их реализациях createXXX () функции.

Ограничения уровня 1

Спецификация DOM Level 1 намеренно ограничена эти методы, необходимые для представления и управления документом структура и содержание. Планируется, что будущие уровни спецификации DOM будут обеспечивать:

1. Модель структуры для внутреннего подмножества и внешнее подмножество.
2. Проверка по схеме.
3. Управление отрисовкой документов с помощью таблиц стилей.
4. Контроль доступа.
5. Безопасность ниток.
6. События.

Определение Dom от Merriam-Webster

1а : сан : офис герцог дом

б : область : юрисдикция король дом

2 : состояние или факт существования бесплатно дом

3 : лица, занимающие (определенную) должность, занятие, интересы или характер официальный dom