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