domingo, 5 de julho de 2009

Exemplo de Scripts

Olá pessoal,
continuando com o tutorial de Javascript segue alguns exemplos.

Script 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 comentarios de duas formas.

Exemplo:
<script type="text/javascript">

//Este comentário ocupa uma unica linha

/*Já este comentário
pode utilizar várias
linhas*/

</script>

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

Por hj é isso no próximo post estarei postando uns exemplos práticos até mais!!!

Nenhum comentário:

Postar um comentário