Página Inicial>Tutorial de web design>Normalização WEB

As 55 técnicas clássicas mais utilizadas em Javascript (3)

Autor：Eve Cole Data da Última Atualização：2009-12-14 15:53:58

44. Abertura e movimento da página

Adicione o seguinte código à área <body>

<SCRIPT LANGUAGE="JavaScript">
<!-- Começar
para (t = 2; t > 0; t--) {
para (x = 20; x > 0; x--) {
para (y = 10; y > 0; y--) {
pai.moveBy(0,-x);
}
}
para (x = 20; x > 0; x--) {
para (y = 10; y > 0; y--) {
pai.moveBy(0,x);
}
}
para (x = 20; x > 0; x--) {
para (y = 10; y > 0; y--) {
pai.moveBy(x,0);
}
}
para (x = 20; x > 0; x--) {
para (y = 10; y > 0; y--) {
pai.moveBy(-x,0);
}
}
}
//-->
// Fim -->
</script>

45. Exiba a data e hora da máquina do cliente pessoal

<linguagem de script="LiveScript">
<!-- Escondendo
hoje = nova data()
***("A hora atual é: ",today.getHours(),":",today.getMinutes())
***(" <br>A data de hoje é: ", today.getMonth()+1,"/",today.getDate(),"/",today.getYear());
//termina de ocultar o conteúdo -->
</script>

46. ​​​​Gere automaticamente a data da última modificação para você sempre:

<html>
<corpo>
Esta é uma página HTML simples.
<br>
Últimas alterações:
<linguagem de script="LiveScript">
<!-- ocultar script de navegadores antigos
***(documento.lastModificado)
//termina de ocultar o conteúdo -->
</script>
</body>
</html>

47. Não pode estar vazio e com restrições de endereço de e-mail:

<html>
<cabeça>
<linguagem script="JavaScript">
<!-- Ocultar
função teste1(formulário) {
if (form.text1.value == "")
alert("Você não escreveu nada, digite novamente!")
outro {
alert("Olá"+form.text1.value+"! Você completou sua entrada!");
}
}
função teste2(formulário) {
if (form.text2.value == "" ||
form.text2.value.indexOf('@', 0) == -1)
alert("Este não é o endereço de e-mail correto! Digite-o novamente!");
else alert("Você completou sua entrada!");
}
// -->
</script>
</head>
<corpo>
<nome do formulário = "primeiro">
Digite seu nome: <br>
<input type="text" nome="text1">
<input type="button" name="button1" value="Teste de entrada" onClick="test1(this.form)">
<P>
Digite seu endereço de e-mail: <br>
<input type="texto" nome="text2">
<input type="button" name="button2" value="Teste de entrada" onClick="test2(this.form)">
</body>

48. Marquise

<html>
<cabeça>
<linguagem script="JavaScript">
<!-- Ocultar
var scrtxt="Que tal! É legal! Você também pode experimentar."+"Aqui vai sua mensagem aos visitantes do seu
a página irá "+"olhar por horas em puro fascínio...";
var lentxt=scrtxt.length;
var largura=100;
var pos=1-largura;
função rolar() {
pos++;
var scroller="";
if (pos==lentxt) {
pos=1-largura;
}
se (pos <0) {
for (var i=1; i <=Math.abs(pos); i++) {
scroller=scroller+" ";}
scroller=scroller+scrtxt.substring(0,largura-i+1);
}
outro {
scroller=scroller+scrtxt.substring(pos,largura+pos);
}
janela.status = rolador;
setTimeout("scroll()",150);
}
//-->
</script>
</head>
<body onLoad="scroll();return true;">
Sua página da web pode ser exibida aqui!
</body>
</html>

49. Use os botões na página da web para controlar a exibição da página anterior, da próxima página e da página inicial.

<html>
<corpo>
<NOME DO FORMULÁRIO="barra de botões">
<INPUT TYPE="button" VALUE="Voltar" onClick="history.back()">
<INPUT TYPE="button" VALUE="JS-Home" onClick="location='script.html'">
<INPUT TYPE="button" VALUE="Próximo" onCLick="history.forward()">
</FORM>
</body>
</html>

50. Visualize o código-fonte de um site

Adicione o seguinte código à área <body>

<ROTO>
função adicionar()
{
var ress=document.forms[0].luxiaoqing.value
window.location="view-source:"+ress;
}
</SCRIPT>
Digite o endereço URL onde deseja visualizar o código-fonte:
<FORM> <input type="text" name="luxiaoqing" size=40 value="http://"> </FORM>
<FORMULÁRIO> <br>
<INPUT type="button" value="Ver código fonte" onClick=add()>
</FORM>

51. O título exibe a data

Adicione o seguinte código à área <body>:

<linguagem script="JavaScript1.2">
<!--ocultar
var não é mês = novo
Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro") ;
var não é dia = novo
Array("Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado","Domingo");
hoje = nova data();
Ano=hoje.getAno();
Data=hoje.getDate();
se(documento.todos)
document.title="Hoje é: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
//--ocultar-->
</script>

Artigos Relacionados