Ir para conteúdo

Javascript Aula#1


DretiDemon

Posts Recomendados

ewdw.jpg

 

O tag HTML <script> é utilizado para inserir um JavaScript em uma página HTML.



barra231.png

Use JavaScript em uma página HTML

O exemplo abaixo mostra como usar o JavaScript para escrever um texto em uma página web:

Exemplo:

<html>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>



O exemplo abaixo mostra como adicionar tags HTML ao JavaScript:

Exemplo:


<html>
<body>
<script type="text/javascript">
document.write("<h1>Hello World!</h1>");
</script>
</body>
</html>



barra231.png

Exemplo explicado

Para inserir um JavaScript em uma página HTML, usamos a tag <script>. Dentro da marca <script> usamos o atributo type para definir a linguagem de script.

 

Assim, o <script type="text/javascript"> e </ script> diz que o JavaScript começa e termina:

<html>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>



O comando document.write é um comando JavaScript padrão para escrever a saída para uma página.

 

Ao digitar o comando document.write entre os <script> e </ script>, o navegador irá reconhecê-lo como um comando de JavaScript e executar a linha de código. Neste caso, o navegador irá escrever Olá mundo! para a página:

<html>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>



Nota: Se não tivéssemos entrado na marca <script>, o navegador teria tratado o document.write ("Olá Mundo! ") de comando como texto puro, e apenas escrever a linha inteira na página.

barra231.png

Como lidar com navegadores Simples

 

Navegadores que não suportam JavaScript, irá mostrar como JavaScript conteúdo da página.

 

Para impedi-los de fazer isso, e como parte do JavaScript padrão, a marca de comentário HTML deve ser usado para "esconder" a JavaScript.

 

Basta adicionar uma tag HTML de comentário "<!--" antes da primeira instrução JavaScript e um "-->" (fim de comentário) após a ultima instrução JavaScript, como esse:

<html>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
</body>
</html>



As duas barras no final da linha de comentário (/ /) é o símbolo de comentário JavaScript. Isso impede de executar o JavaScript tag "-->".

 

Fonte: w3schools.com

Link para o comentário
Compartilhar em outros sites

×
×
  • Criar Novo...