Escolar Documentos
Profissional Documentos
Cultura Documentos
Exerccios resolvidos
Crie uma nova pgina web para cada exerccio: pag1.htm, pag2.htm,
1.Descrio:
O cdigo abaixo serve para criar um link para voltar ao topo da pgina, de
interesse quando temos uma pgina com um texto longo e desejamos voltar ao
topo, por exemplo a um ndice
<body>
<a href="#top">Voltar ao topo da pgina</a>
</body>
2.Descrio:
3.Descrio:
4.Descrio:
Com esse script surge a mensagem 'Boa visita ao site! ao clicar no link clique
aqui antes de entrar na pgina resultado.htm
<body>
<a href="resultado.htm?PHPSESSID=81f9af78e6afee7e828ea0889053a5cf"
onClick="alert('Boa visita ao site!')">clique aqui</a>
</body>
5.Descrio:
Com esse script aparece uma mensagem na barra de status (no fundo da
pgina web)
<body>
<script>window.defaultStatus="web site realizado por Fernando"</script>
</body>
6.Descrio:
Com esse script a pgina um.htm trocada pela pgina colocada em url=" ",
neste caso dois.htm, passados 3 segundos, automaticamente.
<body>
UM
<meta http-equiv="refresh" content="3; url=dois.htm">
</body>
passados 3 segundos
7.Descrio:
Com este script a pgina dois.htm carregada ao passar o rato em Link, sem
necessidade de fazer clique.
<body>
<a href="dois.htm?PHPSESSID=81f9af78e6afee7e828ea0889053a5cf"
onmouseover="parent.location='dois.htm'">Link</a>
</body>
ou
<script language="JavaScript">
if (window != top) top.location.href = location.href;
</script>
<script language="JavaScript">
// Proibe clicar com o "segundo" botao
function click() {
if (event.button==2) {
alert('Acesso proibido!')
}
}
document.onmousedown=click
</script>
9.Descrio:
Com este script ao passar o rato sobre Link, na pgina um.htm, aparece a
mensagem na barra de status Sou o Fernando. Ao dispor!, abrindo depois a
pgina dois.htm.
<body>
<a href="dois.htm?PHPSESSID=81f9af78e6afee7e828ea0889053a5cf"
onMouseOver="window.status='Sou o Fernando. Ao dispor!'; return
true">Link</a>
</body>
10.Descrio:
Com este script, ao passar o rato sobre verde, a cor da pgina muda da cor
actual (branco neste caso) para verde; se passar sobre ouro, a cor muda para
amarelo.
<body>
<a href="um.htm?PHPSESSID=81f9af78e6afee7e828ea0889053a5cf"
onmouseover="document.bgColor='green'">verde</a>
<a href="pagina.html?PHPSESSID=81f9af78e6afee7e828ea0889053a5cf"
Pea ao professor para gravar a sua pasta, com as suas pginas, para
avaliao.