Followers



PESQUISE AQUI.

▼ categorias

Mostrando postagens com marcador JavaScript. Mostrar todas as postagens
Mostrando postagens com marcador JavaScript. Mostrar todas as postagens

26 de mai de 2009

"JavaScript"

"

"JavaScript"



"JavaScript é uma linguagem de programação criada pela Netscape em 1995, que a princípio se chamava LiveScript, 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.

  1. Oferece tipagem dinâmica - tipos de variáveis não são definidos;
  2. É interpretada, ao invés de compilada;
  3. Possui ótimas ferramentas padrão para listagens (como as linguagens de script, de modo geral);
  4. 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:



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

Índice



Scripts simples

alert("cuidado");


// mostra um 'alert' de Yes ou No
if(confirm("Escolha Yes Ou No 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";

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:



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")} else {//aparece se apertar ok
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

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()
// 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 hugo = new anyColour()
hugo.sayRed()
hugo.sayBlue()
hugo.sayBlack()
hugo.sayPink()
alert(hugo.anotherName)

Exemplos práticos

Pop-up não bloqueável





onload="javascript: abrir()">



"popup">


Esse é um exemplo de popup utilizando DIV. Dessa maneira esse
pop-up não será bloqueado.



"javascript: fechar();">[X]</a>small>





"javascript: abrir();">Abrir POPUP

"javascript: fechar();">Fechar POPUP



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

Ligações externas

Wikibooks
O Wikilivros possui livros ou outros textos didáticos sobre: Javascript
Outros projetos Wikimedia também contêm material sobre este tema:
Livros e manuais no Wikilivros
" "Origem: Wikipédia, a enciclopédia livre."

Newsletter/Seguir por e-mail/ ▼ receba saúde grátis em seu email:

Cloud

"Rio+20 e Você" +buscados aqui AdSense agregador agreggador aluga-se aLUGUEL ano novo anúncios anuncioso arena arquitetura artes banco de imagens bateria beleza beruby blog blogs blogueiros boo-box bookmarks Brasil carregar casa cor celular chiclete código colunas e blogs computação computadores confira cookies cor Corel CorelDRAW cores craquelê Criptografia curiosidades decoração deixe seu recado desenhar dicas dinheiro dispositivos móveis diversos DOS download economia email Emnprendedorismo empresa enviar link erros estilo de vida Estou no blog mamps facebook fale conosco fantástico frutas gerador Google Google AdSense Google Buzz Google Plus gráfica grátis headlineanimator homenagem hospedagem HostGator incrível indicar informação informações informatica inovar Instagram Instalador de scripts intensedebate internacional internet Internet Explorer 9 JavaScript Kitchnette klout leitores ligação enviar linke-me Linkedin links mapa-arquivo mensagem mensagens mistérios mobile moda e beleza multinacionais multinacional Mundo natal negócios negócios e marketing Nofollow notícias novidades nutrição o que é o que é dicas outlet parcerias photoshop Pimp your blog Política de Privacidade pps processador programas de computador publicidade publit receba rede Rio de Janeiro saída saúde scroller serviço site sites smartphone social bookmarks Spam Subscribe to my feed Subscribe to RSS headline updates tecnologia tecnologia e ciências templates twitter UBER url utilidade pública verde vida virtual visitas web Web 2.0

novidades em seu email!



Enter your email address:

(exemplo @xxxx.com)





Delivered by FeedBurner