Documente Academic
Documente Profesional
Documente Cultură
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>
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>
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.
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>
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>
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.