Hoje estou fazendo minha estréia no Brasil High Tech como postador, mais um editor pra ser mais profissional, e como eu tenho uma serie de tutoriais no meu blog, meio que um curso mesmo de HTML e CSS, lembrando que não sou um profissional e sim um aprendiz que gosta de compartilhar os conhecimentos adquiridos. Aqui no BHT quis fazer algo parecido mas com uma linguagem diferente ao invés de HTML e CSS, resolvi optar por JavaScript. Muitos detestam essa linguagem, outros até dizem que o Java esta morrendo, mas na minha opinião é uma linguagem de peso, até celular roda aplicativos desenvolvidos em Java.
O JavaScript é uma linguagem de programação simples criada para dar mais interatividades e maior funcionalidade às páginas Web. Foi a Netscape que desenvolveu esta linguagem e acabou dando origem á especificação técnica ECMAScript, um padrão oficial reconhecido pela indústria.
O Código escrito em JavaScript é destinado a ser executado pelo browser visualizamos uma pagina, ele é uma parte integrante da pagina e permite que o browser seja capaz de tomar decisões quanto ao modo com que o conteúdo é apresentado ao usuário e como pode ser manipulado.
Para que os browsers sejam capazes de reconhecer um código JavaScript, ele necessariamente tem que estar dentro de <script>.
Bom pessoal, depois dessa introdução, é hora de colocar a mão na massa e começar a trabalhar. Vamos criar nossa primeira pagina com JavaScript.
<thml>
<head>
<title>Primeira página com JavaScript</title>
<script type="text/javascript">
alert("Seja bem vindo ao BHT!");
</script>
</head>
<body>
Conteúdo de sua página em HTML
</body>
</html>
Aí você me pergunta: o que isso faz na página?
Assim que você entrar na pagina uma telinha de boas vindas irá aparecer.
Perceberam que no fim do código é colocado um ponto-e-vírgula ( ; )? É esse ; que vai dizer pro interpretador de JavaScript que é ali que acaba as instruções.
É graças ao JavaScript que podemos fazer com que os objetos gráficos apresentados a página, tais como por exemplo um botão, uma ligação de hipertexto ou uma imagem, respondam dinamicamente ás ações do usuário. Para que isso aconteça, basta adicionar um novo atributo ao elemento responsável pela apresentação desse objeto e escrever o código que ao ser executado dará origem ao comportamento que você espera.
Vamos fazer um exemplo.
<thml>
<body>
<a href="http://www.brasilhightech.blogspot.com/" target="_blank"
onclick="alert ('Obrigado por visitar o BHT!')">Visite o BHT</a>
</body>
</html>
O atributo href="..." acho que todos sabem pra que serve, especificar o URL de uma pagina numa ligação de hipertexto. O atributo onclick="..." constitui um código JavaScript que neste caso vai fazer aparecer a caixa de dialogo com a mensagem de agradecimento.
bom pessoal, este foi meu primeiro tutorial de JavaScript e um monte que esta por vir. Espero que gostem.
25 outubro, 2009 | Comente
Inserindo JavaScript em uma página Web
Quer receber todas nossas novidades? Então...
Assinar:
Postar comentários (Atom)
