Scripts para páginas web
Exercícios resolvidos
Crie uma nova página web para cada exercício: pag1.htm, pag2.htm, …
1.Descrição:
O código abaixo serve para criar um link para voltar ao topo da página, de
interesse quando temos uma página com um texto longo e desejamos voltar ao
topo, por exemplo a um índice
<body>
<a href="#top">Voltar ao topo da página</a>
</body>
2.Descrição:
Com esse script quando a página for actualizada surgirá a mensagem ‘A
página foi actualizada!’
<body>
<script>
alert("A página foi actualizada!");
</script>
1
Scripts para páginas web
</body>
3.Descrição:
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.Descrição:
Com esse script surge a mensagem 'Boa visita ao site! ao clicar no link ‘clique
aqui’ antes de entrar na página ‘resultado.htm’
<body>
<a href="resultado.htm?PHPSESSID=81f9af78e6afee7e828ea0889053a5cf"
onClick="alert('Boa visita ao site!')">clique aqui</a>
</body>
2
Scripts para páginas web
5.Descrição:
Com esse script aparece uma mensagem na barra de status (no fundo da
página web)
<body>
<script>window.defaultStatus="web site realizado por Fernando"</script>
</body>
3
Scripts para páginas web
6.Descrição:
Com esse script a página ‘um.htm’ é trocada pela página 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.Descrição:
Com este script a página ‘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>
4
Scripts para páginas web
8.Descrição:
Ao clicar com o botão direito na página, aparece a mensagem ‘Opção
desactivada’, não permitindo, por exemplo, copiar textos ou imagens dessa
página.
<body>
<script>
function botaodireito() {
if (event.button==2) {
alert(' Opção 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>
5
Scripts para páginas web
9.Descrição:
Com este script ao passar o rato sobre ‘Link’, na página ‘um.htm’, aparece a
mensagem na barra de status ‘Sou o Fernando. Ao dispor!’, abrindo depois a
página ‘dois.htm’.
<body>
<a href="dois.htm?PHPSESSID=81f9af78e6afee7e828ea0889053a5cf"
onMouseOver="window.status='Sou o Fernando. Ao dispor!'; return
true">Link</a>
</body>
10.Descrição:
Com este script, ao passar o rato sobre ‘verde’, a cor da página 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"
6
Scripts para páginas web
onmouseover="document.bgColor='gold'">ouro</a>
</body>
Peça ao professor para gravar a sua pasta, com as suas páginas, para
avaliação.
7
Download
