Javascript: Iniciando.
()
0.2 - Javascript: Iniciando
(http://javascriptbr.blogspot.com)
Escrevendo Scripts no Documento HTML
A tag HTML <script> é utilizada para inserir script no código HTML.
O exemplo à seguir escreve, em elemento parágrafo HTML <p>, a data atual:
---------------------------------------- ------------------------------------------------------------------
<html>
<body>
<h1>My First Web Page</h1>
<script type="text/javascript">
document.write("<p>" + Date() + "</p>");
</script>
</body>
</html>
---------------------------------------- ------------------------------------------------------------------
Nota: evite o uso do document.write() no seu dia-a-dia com Javascript, pois ele sobrescreve todo o conteúdo HTML da página. Este exemplo foi útil para demonstrar um script em ação.
Mudando elementos HTML
O exemplo a seguir escreve a data atual dentro de um parágrafo HTML existente <p>:
---------------------------------------- ------------------------------------------------------------------
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
---------------------------------------- ------------------------------------------------------------------
Para inserir JavaScript em uma página HTML, use a tag <script>. Dentro da tag <script> use 'type attribute' para definir a linguagem de script. As tags <script> e </script> descrevem onde o Javascript começa e onde ele termina. O conteúdo entre essas duas tags contém o script e é executado pelo browser. No exemplo acima o script vai escrever no parágrafo <p> identificado como "demo" (id=demo) a data atual. Sem as tags <script> o browser entenderá seu conteúdo como texto simples e escreverá o código na tela ao invés de executá-lo como script.
Alguns navegadores não suportam javascript
Alguns navegadores que não suportam Javascript irão exibi-los como conteúdo de texto. Para evitar que isto ocorra, e como parte da padronização Javascript, você deve utilizar as tags de comentário <!-- e --> para evitar que o conteúdo do script apareça na tela dos browsers não suportados:
---------------------------------------- ------------------------------------------------------------------
<html>
<body>
<script type="text/javascript">
<!--
document.getElementById("demo").innerHTML=Date();
//-->
</script>
</body>
</html>
---------------------------------------- ------------------------------------------------------------------
As duas barras (//) na tag HTML de encerramento de comentário (-->) é o símblo de comentário do Javascript e impede que ele execute a tag --> exibindo erro de script.
Resumos Relacionados
- Comentários Javascript
- Sintaxe Php
- Declarações Javascript
- O Que é Php
- Introdução Ao Javascript
|
|