JavaScript, uma vez que uma linguagem de script simples para adicionar o mínimo de interação com páginas da Web, tornou-se uma língua de pleno direito em seu próprio direito , e inchou em um assunto amplo que toca em quase todos os aspectos da Web desenvolvimento . Para o desenvolvedor que tem dominado os fundamentos de JavaScript , o modelo de objeto de documento, ou DOM , e validação com expressões regulares são excelentes áreas de estudo. Coisas que você precisa editor de texto , como o Notepad navegador moderno , como o IE 8 ou Firefox 3.6 Show Mais instruções interagir com o DOM 1
Criar uma página da Web usando o código:
html head body div id="textToChange"> O botão abaixo não foi clicado
;
Salve a página como " dom.html ". 2
Procure o arquivo " dom.html " do seu browser . Clique no botão " Clique Este " botão. O evento clique irá disparar uma função JavaScript que altera o conteúdo do texto acima do botão. 3
Explore o código JavaScript a partir da amostra . Ele usa a função document.getElementById combinado com a propriedade innerHTML . O método getElementById pesquisa o DOM para elementos que têm um ID especial como um atributo. A propriedade innerHTML detém o html contido dentro das tags de um elemento. Ao receber um elemento com o seu ID e alterando o valor innerHTML do elemento , você pode alterar o conteúdo exibido na página. Validar com expressões regulares 4
Criar uma página da Web que contém o seguinte código:
html head < body onload = " validateOnA ()" > Expressão Regular Test < /body>
Salve a página como " regEx.html ". 5
Procurar para " regEx.html " do seu browser . Quando você carregar a página , a função validateOnA irá testar a testString variável para ver se ele inclui a letra "a ". 6
Olhar sobre o JavaScript. Ele usa uma expressão regular que é cercado por o caractere " /" e simplesmente corresponde em todos os caracteres que você fornecê-lo. 7
Altere o valor de testString a "doce" e recarregue a página para ver o que acontece. 8
Use caracteres de escape em suas expressões regulares. Caracteres de escape são precedidos por uma barra invertida ( "\\") e permitir que você para combinar em categorias de caracteres. Por exemplo \\ d corresponde em todos os dígitos em uma determinada cadeia . Criar uma página que contém o seguinte código:
html head < body onload = " validateDigits ()" > Expressão Regular Test < /body>
Salve a página como " regExpEscape.html " 9
Procurar para " regExpEscape.html " do seu browser . O código irá testar a string " 123" para ver se ele contém dígitos. 10
Altere o valor de testString a " maçã " e ver o que acontece. Tente alterar testString para " apple1 . " 11
Experimente um exemplo do mundo real. As expressões regulares são muito poderosas e uma única expressão pode conter uma grande quantidade de corda combinando informações. A expressão regular abaixo valida números de telefone que são sete ou 10 dígitos e usar parênteses , traços ou espaços como delimitadores . Ele ainda permite que