JavaScript

Origem: Wikipédia, a enciclopédia livre.

JavaScript é uma linguagem de programação criada pela Netscape em 1995, que a princípio se chamava LiveScript, a Netscape após o sucesso inicial desta linguagem, recebe uma colaboração considerável da Sun, após esta colaboração, podemos dizer que o JavaScript é uma linguagem compatível com a linguagem Java, por esta razão, a semelhança dos nomes "JavaScript".

A linguagem foi criada para atender, principalmente, as seguintes necessidades:

Validação de formulários no lado cliente (programa navegador);
Interação com a página.

Assim, foi feita como uma linguagem de script. Javascript tem sintaxe semelhante à do Java, mas é totalmente diferente no conceito e no uso.

De acordo com seu sistema de tipos JavaScript é:

fraca - sua tipagem é mutável;
dinâmica - uma variável pode assumir vários tipos diferentes durante a execução;
implícita - as variáveis são declaradas sem tipo.

É interpretada, ao invés de compilada;
Possui ótimas ferramentas padrão para listagens (como as linguagens de script, de modo geral);
Oferece bom suporte a expressões regulares (característica também comum a linguagens de script).

Sua união com o CSS é conhecida como DHTML. Usando o Javascript, é possível modificar dinamicamente os estilos dos elementos da página em HTML.

Dada sua enorme versatilidade e utilidade ao lidar com ambientes em árvore (como um documento HTML), foi criado a partir desta linguagem um padrão ECMA, o ECMA-262, também conhecido como ECMAScript. Este padrão é seguido, por exemplo, pela linguagem ActionScript da Adobe(Antigamente Macromedia, porém a empresa foi vendida à Adobe).

Além de uso em navegadores processando páginas HTML dinâmicas, o JavaScript é hoje usado também na construção do navegador Mozilla, o qual oferece para a criação de sistemas GUI todo um conjunto de ferramentas (em sua versão normal como navegador, sem a necessidade de nenhum software adicional), que incluem (e não apenas) um interpretador de Javascript, um comunicador Javascript <-> C++ e um interpretador de XUL, linguagem criada para definir a interface gráfica de aplicações.

O uso de JavaScript em páginas XHTML, pelo padrão W3C, deve ser informado ao navegador da seguinte forma:

<script type="text/javascript">
 
/* aqui fica o script */
 
</script>

Caso contrário, o navegador irá interpretar o script como sendo código HTML, escrevendo-o na página.

[editar] Exemplos de scripts

[editar] Scripts Simples

alert("Cuidado");
 
// Mostra um alerta de Sim ou Não.
if(confirm("Escolhe \"Sim\" ou \"Não\" para ver a mensagem correspondente."))
{
   alert("Mensagem 01"); // mostra um alerta para resposta OK
}
else
{
   alert("Mensagem 02"); // mostra um alerta para resposta Cancelar
}
 
// escreve na barra de status do navegador
window.defaultStatus="Mensagem que será mostrada";

[editar] Comentários

Em Javascript, podemos utilizar comentários de duas formas

Comentários de única linha;
Comentários de múltiplas linhas.

Exemplos de comentários:

<script type="text/javascript">
//Este comentário ocupa uma única linha
 
/*Já este comentário
pode utilizar várias
linhas*/
</script>

[editar] Funções

Criando uma função simples:

function nome_da_funcao() { //nome_da_funcao deve ser substituído pelo nome da função que será colocada
    window.alert('Função terminada'); // alerta que será exibido quando a função for executada
}

Outra função simples:

function nome_da_funcao(atributos) 
//nome_da_funcao deve ser 
//substituído pelo nome da função que será colocada
{
    // pedido de confirmação com os botões OK e Cancelar
    confirm("Função terminada"); 
}

function nome_da_funcao(atributos) //nome_da_funcao deve ser
// substituído pelo nome da função que será colocada
{
    if(confirm("Função terminada")) // pedido de confirmação com os botões OK e Cancelar
    {
        alert("ok pressionado") //aparece se apertar ok
    } else {
        alert("cancelar pressionado") //aparece se apertar cancelar
    }
}

// constructor function
 
function MyObject(attributeA, attributeB) {
   this.attributeA = attributeA
   this.attributeB = attributeB
}
 
// cria um Objeto chamado obj
obj = new MyObject('red', 1000);
 
// acessa um atributo do obj
alert(obj.attributeA);
 
// accessa um atributo com notação de array associativo 
alert(obj["attributeA"]);
 
// adiciona um novo atributo
obj.attributeC = new Date();
 
// remove um atributo do obj
delete obj.attributeB;
 
// remove o Objeto inteiro
delete obj;
 
function Derive()
{
   this.Override = function() {
      alert("Derive::Override()");
   }
}
 
Derive.prototype = new Base();
 
d = new Derive();
d.Override();
d.BaseFunction();
d.__proto__.Override(); // somente mozilla
 
//resultará na exposição:
 
Derive::Override()
Base::BaseFunction()
Base::Override() // somente mozilla

[editar] Hierarquia do objeto

function red() {
   this.sayRed = function () {
      alert ('red wine')
   }
}
 
function blue() {
   this.sayBlue = function () {
      alert('blue sky')
   }
 
   this.someName = black // inherits black.someName()
   this.someName()      
   // inherits black
}
 
function black () {
   this.sayBlack = function () {
      alert('black night')
   }
}
 
function anyColour() {
   this.anotherName = red // inherits red
   this.anotherName()     // inherits red
   this.sayPink = function()
   {
      alert('"Any Colour You Like" is a song of Pink Floyd')
   }
   this.anotherName = blue // inherits blue ( + black )
   this.anotherName()      // inherits blue ( + black )
   this.anotherName = 'released 1973' // now it's a string - just for fun
}
 
function alert()
{
   alert('Hello World');
}
 
var caue = new anyColour()
caue.sayRed()
caue.sayBlue()
caue.sayBlack()
caue.sayPink()
alert(caue.anotherName)

[editar] Exemplos práticos

[editar] Hello World

<html>
<head>
    <title>Pagina Java Script</title>
</head>
    <body>
        <script>
            document.write("Hello World!!");
        </script>
    </body>
</html>

[editar] Hello World em caixa de dialogo

<html>
<head>
    <title>Pagina Java Script</title>
</head>
    <body>
        <script>
            window.alert("Hello World!!");
        </script>
    </body>
</html>

[editar] Números Perfeitos

<html>
<head>
	<title> Números Perfeitos </title>
 
</head>
	<body>
		<script type="text/javascript">
			var MAX = 30000;
			var som = 0;
			var n = 2;
			var i;
 
			while(n < MAX){
				var metade = n/2;
				for(i=1;i<=metade;i++){
					if((n%i)==0)
						som+=i;
				}
				if(som == n){
					document.write("Numero Perfeito = "+n + "<br/>");
				}
				som=0;
				n++;
			}
		</script>
	</body>
</html>

[editar] Pop-up não bloqueável

<html>
<head>
    <title></title>
 
    <style type="text/css">
        #popup{
            position: absolute;
            top: 30%;
            left: 30%;
            width: 300px;
            height: 150px;
            padding: 20px 20px 20px 20px;
            border-width: 2px;
            border-style: solid;
            background: #ffffa0;
            display: none;
        }
    </style>
    <script type="text/javascript">
        function fechar(){
            document.getElementById('popup').style.display = 'none';
        }
        function abrir(){
            document.getElementById('popup').style.display = 'block';
            setTimeout ("fechar()", 3000);
        }
    </script>
</head>
<body onload="javascript: abrir()">
 
    <DIV id="popup"> 
    <p>
    Esse é um exemplo de popup utilizando DIV. Dessa maneira esse
    pop-up não será bloqueado.
    </p>
    <p>
        <small><a href="javascript: fechar();">[X]</a></small>
    </p>
    </DIV>
 
    <br /><a href="javascript: abrir();">Abrir POPUP</a>
    <br /><a href="javascript: fechar();">Fechar POPUP</a>
 
</body>
</html>

Explicando a parte lógica: ao clicar no link abrir' dispara a função abrir, que por sua vez muda o display (css, no caso none) para block, ou seja de não visível para visível, o botão Fechar volta para o display anterior.

No Css position: absolute; Diz que sua posição é absoluta, ou seja, não tem referencia de nenhum objeto top: 30%; left: 30%; Logo ordena onde vai se posicionado

[editar] Ver também

Jscript

[editar] Ligações externas

O Wikilivros tem um livro chamado Javascript

O wikilivro Aplicativos em PHP tem uma página sobre Javascript

v • e Principais linguagens de programação
Linguagens históricas (2GL, 3GL)	Ada • ALGOL • Assembly • AWK • B • BASIC • BCPL • COBOL • CPL • Forth • Fortran • Lisp • Logo • PL/I • Smalltalk
Linguagens acadêmicas	Icon • Pascal • Prolog • Haskell • Lisp • Logo • Lua • OCaml • Scheme • Tcl • Unicon
Linguagens proprietárias	ABAP • AWK • COBOL • ColdFusion • Delphi • Eiffel • Logic Basic • PL/SQL • PowerShell • SQL • Visual Basic
Linguagens não-proprietárias	Ada • Assembly • C • C++ • C# • Euphoria • Groovy • Icon • Lisp • Logo • Pascal • PHP • Scheme • Smalltalk • Tcl • Unicon
Linguagens livres	Boo • D • Erlang • Haskell • Java • JavaScript • Limbo • Lua • Perl • Python • R • Ruby
Linguagens esotéricas	Befunge • brainfuck • Braintwist • FALSE • INTERCAL • Malbolge • PATH • Pbrain • SNUSP • Unlambda • Whitespace
Lista de linguagens de programação • Comparação entre linguagens de programação • Programa Olá Mundo • Programa Olá Mundo em linguagens esotéricas

JavaScript

Origem: Wikipédia, a enciclopédia livre.

Índice

[editar] Exemplos de scripts

[editar] Scripts Simples

[editar] Comentários

[editar] Funções

[editar] Hierarquia do objeto

[editar] Exemplos práticos

[editar] Hello World

[editar] Hello World em caixa de dialogo

[editar] Números Perfeitos

[editar] Pop-up não bloqueável

[editar] Ver também

[editar] Ligações externas

Vistas

Ferramentas pessoais

Busca

Navegação

colaboração

Imprimir/exportar

Ferramentas

Noutras línguas