Você está na página 1de 7

Scripts para páginas web

Exercícios resolvidos
Crie uma nova página web para cada exercício: pag1.htm, pag2.htm, …

10.Descrição:

Permite criar um link e botão para fechar a janela da página web

<body>
<a href="javascript:window.close();">fechar</a>
<input type=button value="fechar a janela" onClick="javascript:window.close();">
</body>

11.Descrição:

Link para imprimir a página actual.

<body>
<a href='javascript:;' onClick='window.print();return false'>imprimir</a>
</body>

1
Scripts para páginas web

12.Descrição:

O código abaixo cria um pequeno texto com fundo ‘SOU DE AROUCA’, ou um


link ‘FOTOS DE AROUCA’, o qual, neste exemplo, permite ligação à página
‘dois.htm’

<body>
<span style="background-color: #1E90FF"><font color="#ffffff" size="1"
face="Verdana">SOU DE AROUCA</span>
<a href="dois.htm?PHPSESSID=81f9af78e6afee7e828ea0889053a5cf"><span
style="background-color: #1E90FF"><font color="#ffffff" size="1"
face="Verdana">FOTOS DE AROUCA</span></a>
</body>

13.Descrição:

2
Scripts para páginas web

O código acima gera uma mensagem ao passar o rato em cima do link.

<body>
<a href="javascript:ShowPage" title="Bom trabalho.">passe o mouse aqui para
testar</a>
</body>

14.Descrição:

O código acima gera um botão com um link para a página ‘dois.htm’

<body>
<input type="button" value="Avançar" name="button"
onClick="window.location='dois.htm'">
</body>

15.Descrição:

O código acima gera uma mensagem ao sair da página.

<body>
<body onUnload="window.alert('Espero que tenha gostado deste site!')">
</body>

3
Scripts para páginas web

16.Descrição:

Muda o background (inserindo a imagem ‘novofundo.jpg’) ao passar o rato


sobre o link (antes de entrar na página ‘dois.htm’

<body>
<a href="dois.htm?PHPSESSID=81f9af78e6afee7e828ea0889053a5cf"
onMouseOver="document.body.background='novofundo.jpg'">Mudar o
background</a>
</body>

4
Scripts para páginas web

17.Descrição:

Move a posição da página ao ser carrega. No exemplo abaixo, a página


desloca-se na vertical de 90 pixels, ou seja, aparece deslocada para baixo.

<body>
<body onLoad="moveTo(0,90);">

</body>

5
Scripts para páginas web

18.Descrição:

Passa uma linha sobre o texto.

<body>
<font size="1" face="Verdana"><strike>Um efeito como outro qualquer!!</strike>
</body>

19.Descrição:

O código abaixo desactiva o teclado.

<body>
<script language="JavaScript">
<!--
function keypresed() {
alert('Teclado desactivado!');
}
document.onkeydown=keypresed;
// -->
</script>
</body>

6
Scripts para páginas web

20.Descrição:

O script faz com que ao sair de uma página abra outra, neste caso ‘dois.htm’,
automaticamente.

<body>
<script>
function outra()
{
window.open('dois.htm');
}
</script>
<body onunload="outra();">
</body>

Peça ao professor para gravar a sua pasta, com as suas páginas, para
avaliação.

Você também pode gostar