Post on 29-Jun-2015
description
Ficha de Trabalho Nº 3 – Javascript
Ano Lectivo: 2010/2011
Data: 14 /02 /2011
Curso: TGPSI
Disciplina: RC Ano: 11ºF
Nome: _________________________________________ N.º ___
Publica os exercícios no wikispaces com o respectivo printscreen.
EXERCÍCIO: Revisões 1
<html><head><title>Soma valores</title><script type="text/javascript">
<!-- Caso o browser não execute html
function somaValor() {var x= 102;var y= 123;var soma= x + y;alert(result);return soma;
}// --></script></head>
<body><form>
<input type="button" value="Calcula" onClick="somaValor()"></form><script type="text/javascript">
document.write("Ababaste de somar: " + somaValor());</script></body></html>
EXERCÍCIO: Revisões 2Muda o código para que os valores sejam fornecidos pelo utilizador e enviados como parâmetro na função.
EXERCÍCIO 1 : Propriedades url <html><head> Endereço do site!</head><body>
O endereço desta página é: <script type="text/javascript">
MF. 1
Direcção Regional de Educação do CentroEquipa de Apoio às Escolas de Leiria
Escola Secundária da Batalha
403600
document.write(document.URL);</script>
</body></html>
EXERCÍCIO 2 – Propriedade title <html><head><title>Propriedade title</title></head><body>O título desta janela é: <script type="text/javascript">
document.write(document.title);</script>
</body></html>
EXERCÍCIO 3 – Propriedade domain <html><head><title>Propriedade domain</title></head><body>O nome do servidor de domínio usado para carregar esta página é:: <script type="text/javascript">
document.write(document.domain);</script>
</body></html>EXERCÍCIO 4 – Propriedade cookie
<html><head><title>Propriedade cookie</title></head><body>Os Cookies associados a esta página são: <script type="text/javascript">
document.write(document.cookie);</script></body></html>
EXERCÍCIO 5 – javascript abrir janelas
<html><head><script type="text/javascript"><!-- Caso o browser não execute htmlvar jan;function abreJan()
MF. 2
{jan=window.open('','janela','width=300,height=200');jan.document.write("<p>Esta janela tem o nome de: " + jan.name + "</p>");
}// --></script></head><body><input type="button" value="Abrir 'janela'" onclick="abreJan()" /></body></html>
EXERCÍCIO 6
Tendo por base o exercício anterior adiciona ao código um botão que permita também fechar a janela. Pesquisa que método usar para fechar a janela.
A função getElementById() é muito utilizada quando se pretende criar um site mais interactivo. Esta função permite-nos retornar um objecto de qualquer elemento na página que tenha um id único. Funciona na maioria dos browsers.
EXERCÍCIO 5 – Método getElementById() <html><head><title>Obter informação da página HTML</title></head><body><script type="text/javascript"><!-- Caso o browser não execute htmlfunction funDigitei(){
var varDigitei = document.getElementById('digitei');if(varDigitei.value != "")
alert("Acabaste de digitar: " + varDigitei.value)else
alert("Pode escrever algo s.f.f.?")}// --></script><input type='text' id='digitei' /> <!--Vou criar uma caixa de texto--><input type='button' onclick='funDigitei()' value='Verifica' /> <!--vou criar o botão--></body></html>
MF. 3