Javascript Usada para validação de formulários no lado cliente (programa navegador) e Interação com a página (altera comportamento da pagina).
Paradigma: prototipo funcional, imperativo e script e tem opção para OO
Linguagem interpretada
1. Estrutura Html e javascriptA comunicação é de cima para baixo
2. Onde declara que será usado javascript1. Interno a uma pagina (Html - dentro da tag HEAD ou PHP ou ASP )

ArquivoHtml1.html :
<HTML>
<HEAD>
   <TITLE>
   ......
   </TITLE>
   <..........>

<SCRIPT TYPE="text/javascript">      /* tag do html para incluir codigo de uma linguagem script */
function NomeDaFuncao ()
{
codigo jascript
}
</SCRIPT>

</HEAD>

<BODY>
.....
</BODY>
</HTML>


2. Externo a uma pagina como arquivo.js

ArquivoHtml2.htm :
<HTML>
<HEAD>
   <TITLE>
   </TITLE>
   <............>

//   declaração do javascript

<SCRIPT TYPE="text/javascript"src="ArquivoJs.js> /*tag do html com atributo src para declarar arquivo.js externo */
</SCRIPT>

</HEAD>

<BODY>
.....
</BODY>
</HTML>

ArquivoJs.js
// codigo javascript
function NomeDaFuncao ([arg1,arg2,...,argN])
{ comnado 1;
   [comando2;.....;]

[return (valorDeRetorno);]
}



3. Onde é chamado1. Interno a uma pagina
arquivoHtml1.html
<HTML>
  <HEAD>
   <script ......>
  </script>
  </HEAD>
.....
<BODY>
Digite o seu nome: <input type="text"id="nome" /><br/>
<input type="button"value="botao"onclick="NomeDaFuncao();"/>
.......
</BODY>
</HTML>

2.Externo a uma pagina
Uma função

functionName window.onload =;

ou

Várias funções:

<BODY
window.onload = start; início window.onload =; >
</BODY>

arquivo   start.js
função start () {
  Function1();
  Function2();
  Function3();
}

4. Exemplo com codigo javascript 1. Interno ao HTML
Arquivo ExemploHtmComJsInterno
<html>
<body>

<script type="text/javascript">
document.write("CODIGO JavaScript!");
// ou
alert("codigo javascript!");
</script>

</body>
</html 


Exemplo:http://w3schools.com/js/tryit.asp?filename=tryjs_intro

2. Externo ao HTML
Arquivo ExemploHtmlComJsExterno.html
<html>
<body>

<script type="text/javascript"
  src="ExemploJs2.js>
<script type="text/javascript">
 { document.write('<script type="text/javascript" src="ExemploJs3.js"><\/script>');
    document.write('<script type="text/javascript" src="ExemploJs4.js"><\/script>');
  }
 

</script>

</body>
</html 

Arquivo ExemploJs2.js
document.write("CODIGO JavaScript!");

Arquivo ExemploJs3.js
alert("codigo javascript!");

Arquivo ExemploJs2.js

5. Convenções
  • É uma linguagem case-sensitive
  • Separador de declaração Ponto e virgula (;)
    Usado para separar variaveis, constantes, expressões, estruturas de controle, função,objeto
    Y=1;
    var x=0;
    const PI=3.14;
    valorAPagar= valor * CPMF;
    x=(idade>=18) ? "maior": "Menor";
    b=eval(a);
    objName = document.getElementById("nome");
    for  (i=0;i<=9;i++;) { eval ("if (document.getElementById('fieldOpcao'+i).value=='' {return false;}"}; 
  • Espaço em branco
    Ignora
  • Strings e aspas
    String - sequencia de caracteres de 0 a n dentro de aspas nula '' 'simples' ou "duplas"
  • Aspas duplas podem ser inseridas em sentenças delimitadas por aspas simples.
    ( ' Ele disse, "javascript é interessante" ' )
  • Aspas simples podem ser inseridas em sentenças delimitadas por aspas duplas
    <INPUT TYPE="Button"VALUE = "Clique aqui"
    onClick = "window.alert('Aguarde um momento '); ">
  • Barra invertida (\) e Strings
    \ seguida de outro caracter, significa que não pode ser digitado
    'Favor\ndigitar\na\noutra linha'
    Favor
    digitar
    na
    outra linha

    \b backspace  \n novalinha  \t TAB \'  \"
  • Delimitadores Chaves { } , Parênteses ( )  Colchete [ ]
    Sempre abre e fecha
    ( ) guarda argumentos de metodos e funões
    { } delimitar declarações multiplas {x[0]=0;x[1]=1;}
  • Comentários
    // uma linha
    /* mais de uma linha - abre e fecha    
    */
  • Função
    rotinas independentes que executam tarefa especifica. Não estão associadas a um objeto como os metodos.
    function nomeFuncao() {contem variaveis, constantes, expressões, estruturas de controle, chamada de função, uso de objeto}
    Podem ser: nativas (ex.: parseInt,eval, isNan,....)  ou podem ser criadas
  • Objeto
    armazena informação (construção) e pode ser acessada, utilizada ou alterada.
    Objeto.nomeMetodo("argumento")
    Pode ser: intrinsico (ex: array, boolean, date, function, math, number, RegExp, String) ou pode ser criado

     
link Arquivo origem: WJavascriptW.xml. referencia