Você está na página 1de 7

Scripts para pginas web

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:

Com esse script quando a pgina for actualizada surgir a mensagem A


pgina foi actualizada!
<body>
<script>
alert("A pgina foi actualizada!");
</script>

Scripts para pginas web


</body>

3.Descrio:

Com esse script ao passar o apontador do rato sobre CTM, surge a


mensagem www.google.pt
<a href onMouseOver="alert('www.google.pt')">CTM</a>

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>

Scripts para pginas web

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>

Scripts para pginas web

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>

Scripts para pginas web


8.Descrio:

Ao clicar com o boto direito na pgina, aparece a mensagem Opo


desactivada, no permitindo, por exemplo, copiar textos ou imagens dessa
pgina.
<body>
<script>
function botaodireito() {
if (event.button==2) {
alert(' Opo desactivada ')}}
document.onmousedown=
botaodireito</script>
</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>

Scripts para pginas web

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"

Scripts para pginas web


onmouseover="document.bgColor='gold'">ouro</a>
</body>

Pea ao professor para gravar a sua pasta, com as suas pginas, para
avaliao.

Você também pode gostar