Introdução ao JavaScript





JavaScript é uma linguagem dinâmica que é executada em um navegador. O código JavaScript é incorporado em uma página HTML usando a tag JavaScript. A tag <script> é usada para incorporar o código JavaScript. Código JavaScript pode ser incorporado em:


·         Um arquivo externo;
·         O header de uma página;
·         O corpo de uma página.

Neste exemplo, o JavaScript está incorporado no cabeçalho. Assim que a página é carregada, este código é executado

<html>
<head>
<title>JavaScript  Example</title>
<script language="JavaScript 1.2">
<!--
document.write("Hello World!");
//-->
</script>
</head>
<body>The body</body>
</html>


The Document write método exibe o texto.
Observe que o código JavaScript é colocado em tags de comentário HTML

Código de Javascript Interno

Od

<html>
<head>
<title>JavaScript Example</title> <script type="text/javascript">
            document.write("Execute during page load from the head<br>"); </script>
</head>

<body>
<script type="text/javascript">
            document.write("Execute during page load from the body<br>"); </script>
</body>

</html>


JavaScript código encontrado em uma função não executada até que função é chamada.Se nós mudarmos o exemplo prévio por adicionar a função para returnar a string, a função não é carregada quando a página é carregada.




<html>
<head>
<title>JavaScript Example</title> <script type="text/javascript">
function displayString() {
             return "<h1>Main Heading<h1>"
}
            document.write("Execute during page load from the head<br>"); </script>
</head>

<body>
<script type="text/javascript">
             document.write("Execute during page load from the body<br>");
</script>
</body>

</html>

A saída será a mesma.




Funções

A função consiste em função palavra-chave seguida por um nome da função,o conjunto de abri e fechar parênteses dentro de um parâmetro opcional listado e o body dentro de um conjunto de chaveta(curly braces).

function functionName(parameterList) {
                        // body
}

A função usa a a palavra-chave return para retornar o valor de uma função.
<html>
<head>
<title>JavaScript Example</title> <script type="text/javascript">
function getHeader() {
             return "<h1>Main Heading</h1>"
}
</script>
</head>

<body>
<scripttype="text/javascript"> document.write(getHeader());
</script>
</body>

</html>



Parâmetros separados por virgulas na declaração da função.
<html>
<head>
<title>JavaScript Example</title> <script type="text/javascript"> function multiply(num1, num2) { return num1*num2;
}
</script>
</head>

<body>
<scripttype="text/javascript"> document.write(multiply(2,4));
</script>
</body>

</html>




Java Script Externo código

É desvantajoso para um grupo comum de funções um externo arquivo javascript.isso permite que ele reuse funções no arquivo de várias páginas HTML.

Funções javascript são guardadas em um arquivo usada pela extensão .js.Se ele seguir a seguida função no arquivo nomeado script.js nós podemos referenciar e consequentemente usar as funções de uma página HTML.

// functions.js function getHeader() {
             return "<h1>Main Heading</h1>"
}

function multiply(num1, num2) { return num1*num2;
}

Note que o C++ estilo de comentário pode ser usado no Javascript.Também note que <script> tag não é e não deveria ser usada no arquivo javascript.

No arquivo HTML , o <script> tag também pode ser usada para indicar a localização de um arquivo JavaScript. O atributo src é atribuído ao caminho e ao nome do arquivo.

 <html>
<head>
<title>JavaScript Example</title>
<script type="text/javascript" src="functions.js">
</script>
</head>

<body>
<script type="text/javascript"> document.write(multiply(2,4));
</script>
</body>

</html>





Atributos

Existem dois atributos da tag <script> que são de interesse imediato:


type - O valor atribuído a este atributo especifica a linguagem de script

src - O local de um arquivo de script externo
 O atributo src específica que o código é realmente encontrado em um arquivo que deve ser carregado e, em seguida, executado. A extensão .js é normalmente usada para arquivos de código JavaScript. O exemplo a seguir ilustra o uso desses atributos.

<html>
<body>
<script type="text/javascript" src="corefunctions.js">
</script>
</body>
</html>




          Java Script Elementos de linguagem

 É útil discutir JavaScript em termos de elementos de linguagem, incluindo:

      Variáveis

Operadores
Expressões
Afirmações
Objetos
Funções e metódos


Variáveis 

 Começa com a letra ou sublinhado,é seguido por letras, sublinhado ou dígitos,


JavaScript é uma linguagem sensível a letras maiúsculas e minúsculas.  

Scope


A global variável é tipicamente declarada simplesmente por dar o valor a ela.
globalVariable = 100;
  
Uma variável local é declarada dentro de uma função usando a palavra-chave var.

 function someFunction() {
var counter = 0; globalVariable = 100;
...
}




O identificador, contador, é local para a função e só pode ser usado nessa função. No entanto, o identificador, globalVariable, não é precedido pela palavra-chave var e, portanto, é uma variável global que pode ser usada em qualquer lugar da página, dentro ou fora da função
Vídeo Resumo JavaScript -Principais aplicações.

Comentários

Postar um comentário

Postagens mais visitadas