mozilla

Comparar revisões

Introduction

Change Revisions

Revisão 171892:

Revisão 171892 por Davis.peixoto a

Revisão 171893:

Revisão 171893 por Davis.peixoto a

Título:
Introduction
Introduction
Slug:
Gecko_DOM_Reference/Introduction
Gecko_DOM_Reference/Introduction
Etiquetas:
Referência_do_DOM_Gecko
Referência_do_DOM_Gecko
Conteúdo:

Revisão 171892
Revisão 171893
n8      {{template.DomRef()}}n8      {{ DomRef() }}
n13    <h3 name="O_que_.C3.A9_o_DOM.3F">n13    <h3 id="O_que_.C3.A9_o_DOM.3F" name="O_que_.C3.A9_o_DOM.3F">
n37    <h3 name="DOM_e_JavaScript">n37    <h3 id="DOM_e_JavaScript" name="DOM_e_JavaScript">
n59    <h3 name="Como_eu_acesso_o_DOM.3F">n59    <h3 id="Como_eu_acesso_o_DOM.3F" name="Como_eu_acesso_o_DOM.3
 >F">
n93    <h3 name="Tipos_de_dados_importantes">n93    <h3 id="Tipos_de_dados_importantes" name="Tipos_de_dados_impo
 >rtantes">
n132              <li>list{{mediawiki.external(1)}}n132              <li>list{{ mediawiki.external("1") }}
n158    <h3 name="Interfaces_DOM">n158    <h3 id="Interfaces_DOM" name="Interfaces_DOM">
n167    <h4 name="Interfaces_e_Objetos">n167    <h4 id="Interfaces_e_Objetos" name="Interfaces_e_Objetos">
n187    <h4 name="Interfaces_do_n.C3.BAcleo_do_DOM">n187    <h4 id="Interfaces_do_n.C3.BAcleo_do_DOM" name="Interfaces_do
 >_n.C3.BAcleo_do_DOM">
n240    <h3 name="Testing_the_DOM_API">n240    <h3 id="Testando_a_API_do_DOM" name="Testando_a_API_do_DOM">
241      Testing the DOM API241      Testando a API do DOM
242    </h3>
243    <p>242    </h3>
244      This document provides samples for every interface that you
> can use in your own web development. In some cases, the samples  
>are complete HTML pages, with the DOM access in a &lt;script&gt;  
>element, the interface (e.g, buttons) necessary to fire up the sc 
>ript in a form, and the HTML elements upon which the DOM operates 
> listed as well. When this is the case, you can cut and paste the 
> example into a new HTML document, save it, and run the example f 
>rom the browser. 
245    </p>243    <p>
244      Este documento fornece amostras para cada interface que voc
 >ê pode usar em seu próprio desenvolvimento web. Em alguns casos, 
 >as amostras são páginas HTML completas, com o acesso ao DOM em um
 > elemento &lt;script&gt;, a interface (por exemplo, botões) neces
 >sária para disparar o script em um form, e os elementos HTML sobr
 >e os quais o DOM opera listados. Quando for este o caso, você pod
 >e copiar a colar o conteúdo do exemplo dentro de um novo arquivo 
 >HTML, salvá-lo, e executar o exemplo em um navegador.
246    <p>245    </p>
247      There are some cases, however, when the examples are more c
>oncise. To run examples that only demonstrate the basic relations 
>hip of the interface to the HTML elements, you may want to set up 
> a test page in which interfaces can be easily accessed from scri 
>pts. The following very simple web page provides a &lt;script&gt; 
> element in the header in which you can place functions that test 
> the interface, a few HTML elements with attributes that you can  
>retrieve, set, or otherwise manipulate, and the web user interfac 
>e necessary to call those functions from the browser. 
248    </p>246    <p>
247      Há casos, no entanto, que os exemplos são mais concisos. Pa
 >ra executar exemplos que apenas demonstram a relação básica da in
 >terface para com os elementos HTML, você pode criar uma página de
 > teste na qual as interfaces podem facilmente ser acessadas por s
 >cripts. A seguinte página web, bem simples, fornece um elemento &
 >lt;script&gt; no seu cabeçalho onde você pode colocar funções que
 > testam a interface, alguns poucos elementos HTML com atributos q
 >ue você pode remover, criar, ou alterar, e a interface web necess
 >ária para chamar aquelas funções pelo navegador.
249    <p>248    </p>
250      You can use this test page or create a similar one to test 249    <p>
>the DOM interfaces you are interested in and see how they work on 
> the browser platform. You can update the contents of the <code>t 
>est()</code> function as needed, create more buttons, or add elem 
>ents as necessary. 
250      Você pode usar esta página de teste ou criar uma similar a 
 >fim de testar as interfaces do DOM nas quais você está interessad
 >o e ver como elas funcionam na plataforma do navegador. Você pode
 > atualizar o conteúdo da função <code>test()</code> como necessár
 >io, criar mais botões, ou adicionar elementos conforme a necessid
 >ade.
t295      To test a lot of interfaces in a single page-for example, at295      Para testar muitas interfaces em uma única página–por exemp
> "suite" of properties that affect the colors of a web page-you c>lo, uma "suite" de propriedades que afetam as cores de sua página
>an create a similar test page with a whole console of buttons, te> web–você pode criar uma página de testes similar com um completo
>xtfields, and other HTML elements. The following screenshot gives> console de botões, campos de texto e outros elementos HTML. A se
> you some idea of how interfaces can be grouped together for test>guinte captura de tela pode te dar alguma idéia de como as interf
>ing.>aces podem estar agrupadas para teste.
296    </p>
297    <p>296    </p>
297    <p>
298      <img alt="Image:DOM_Ref_Introduction_to_the_DOM.gif" src="F298      <img alt="Image:DOM_Ref_Introduction_to_the_DOM.gif" fileid
>ile:pt/Media_Gallery/DOM_Ref_Introduction_to_the_DOM.gif"><br>>="2533" src="File:pt/Media_Gallery/DOM_Ref_Introduction_to_the_DO
 >M.gif"><br>
299      Figure 0.1 Sample DOM Test Page299      Figure 0.1 Amostra de uma página de teste do DOM
300    </p>
301    <p>300    </p>
302      In this example, the dropdown menus dynamically update such301    <p>
> DOM-accessible aspects of the web page as its background color ( 
><code>bgColor</code>), the color of the hyperlinks (<code>aLink</ 
>code>), and color of the text (<code>text</code>). However you de 
>sign your test pages, testing the interfaces as you read about th 
>em is an important part of learning how to use the DOM effectivel 
>y. 
302      Neste exemplo, os menus <i>dropdown</i> atualizam dinamicam
 >ente aspectos da página que são acessíveis ao DOM como a cor de f
 >undo (<code>bgColor</code>), a cor dos hyperlinks (<code>aLink</c
 >ode>), e a cor do texto (<code>text</code>). Contudo você criar s
 >uas próprias páginas de teste e testar as interfaces ao passo que
 > você lê sobre elas é uma parte importante do aprendizado de como
 > usar o DOM efetivamente.
303    </p>{{ wiki.languages( { "en": "en/Gecko_DOM_Reference/Introd303    </p>{{ languages( { "en": "en/Gecko_DOM_Reference/Introductio
>uction", "fr": "fr/R\u00e9f\u00e9rence_du_DOM_Gecko/Introduction">n", "fr": "fr/R\u00e9f\u00e9rence_du_DOM_Gecko/Introduction", "ja
>, "ja": "ja/Gecko_DOM_Reference/Introduction", "pl": "pl/Dokument>": "ja/Gecko_DOM_Reference/Introduction", "pl": "pl/Dokumentacja_
>acja_Gecko_DOM/Wprowadzenie", "zh-cn": "cn/Gecko_DOM_\u53c2\u8003>Gecko_DOM/Wprowadzenie", "zh-cn": "cn/Gecko_DOM_\u53c2\u8003/\u51
>/\u5165\u95e8", "es": "es/Referencia_DOM_de_Gecko/Introducci\u00f>65\u95e8", "es": "es/Referencia_DOM_de_Gecko/Introducci\u00f3n" }
>3n" } ) }}> ) }}

Voltar ao Histórico