Formato de arquivo JS
O que é um arquivo JS?
JS (JavaScript) são arquivos que contêm código JavaScript para execução em páginas da web. Os arquivos JavaScript são armazenados com a extensão .js. Dentro do documento HTML, você pode incorporar o código JavaScript usando o \ </script> tags ou inclua um arquivo JS. Semelhante aos arquivos CSS, os arquivos JS podem ser incluídos em vários documentos HTML para reutilização de código. JavaScript pode ser usado para manipular o HTML DOM.
Breve história
O JavaScript foi lançado pela primeira vez como parte do Navigator Browser em setembro de 1995 com o nome LiveScript da Netscape. Foi renomeado JavaScript três meses depois. Em 1996, a Microsoft fez a engenharia reversa do interpretador do Navigator para criar o JScript. JScript foi lançado com o Internet Explorer e era muito diferente do JavaScript.
A Netscape submeteu JavaScript à ECMA International que levou ao lançamento oficial da primeira especificação ECMAScript em 1997. ECMAScript 2 foi lançado em 1998, ECMAScript 3 em 1999, e o trabalho em ECMAScript 4 começou em 2000, mas nunca chegou a ser concretizado.
Jesse James Garrett em 2005 lançou um white paper onde cunhou o termo Ajax. Isso usava JavaScript como backbone para criar aplicativos da Web que carregavam dados em segundo plano e evitavam recarregamentos de página inteira. Isso resultou na criação de bibliotecas como JQuery, Prototype, Dojo, etc.
O Google lançou o navegador Chrome com o mecanismo JavaScript V8 em 2008. No início de 2009, foi feito um acordo para combinar todo o trabalho relevante e impulsionar o JavaScript. Isso resultou no lançamento do ECMAScript 5 Standard em dezembro de 2009.
Como usar arquivos JS
Para usar um arquivo JS, inclua-o no documento HTML. Você usa a tag de link para incluir o arquivo conforme mostrado abaixo.
<script src="site.js"></script>
O atributo src da tag script contém o caminho para o arquivo JS. Ao fazer isso, a funcionalidade JS é adicionada ao documento HTML.
Sintaxe JS
Arquivos JavaScript podem conter variáveis, operadores, funções, condições, loops, arrays, objetos, etc. Abaixo está uma breve visão geral da sintaxe do JavaScript.
- Cada comando termina com um ponto e vírgula(;).
- Use a palavra-chave var para declarar variáveis.
- Suporta operadores aritméticos ( + - * / ) para calcular valores.
- Comentários de linha única são adicionados com // e comentários de várias linhas são cercados por /* e */.
- Todos os identificadores diferenciam maiúsculas de minúsculas, ou seja, modelNo e modelno são duas variáveis diferentes.
- As funções são definidas usando a palavra-chave function.
- Arrays podem ser definidos usando colchetes [].
- JS suporta operadores de comparação como ==, != , >=, !==, etc.
- As classes podem ser definidas usando a palavra-chave class.
Exemplo de uso de JS
Veja a seguir um arquivo JavaScript de exemplo de uso simples.
Documento HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS Test</title>
<script src="main.js"></script>
</head>
<body>
<div class="content-wrapper">
<h1 id="heading">Test document for JS testing</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium officia similique illum magni explicabo,
tempore neque nulla laborum voluptas sint molestias libero et corporis omnis asperiores incidunt,
perferendis
sed aut!</p>
<button type="button" onclick="showAlert()">Show Alert</button>
<button type="button" onclick="updateHeading()">Update Heading</button>
</div>
</body>
</html>
Código JS
function showAlert() {
alert("Alert from JS file");
}
function updateHeading() {
document.getElementById('heading').innerHTML = 'Heading changed with JS';
}