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

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

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

52. Mostrar todos os links

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

<linguagem script="JavaScript1.2">
<!--
função extrairlinks(){
var links=document.all.tags("A")
var total=links.length
var win2=window.open("","","barra de menu, barras de rolagem, barra de ferramentas")
win2.***(" <font size='2'>Existem "+total+" conexões no total</font> <br>")
para (i=0;i <total;i++){
win2.***(" <font size='2'>"+links[i].outerHTML+" </font> <br>")
}
}
//-->
</script>
<input type="button" onClick="extractlinks()" value="Mostrar todos os links">

53. Tecla Enter para mudar de linha

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

<script type="texto/javascript">
function handleEnter (campo, evento) {
var keyCode = event.keyCode?event.keyCode:evento.qual?
evento.que: evento.charCode;
if (chaveCode == 13) {
var eu;
for (i = 0; i <field.form.elements.length; i++)
if (campo == campo.form.elements[i])
quebrar;
i = (i + 1)% field.form.elements.length;
campo.form.elements[i].focus();
retornar falso;
}
outro
retornar verdadeiro;
}
</script>
<formulário>
<input type="text" onkeypress="return handleEnter(this, event)"> <br>
<input type="text" onkeypress="return handleEnter(this, event)"> <br>
<textarea>Retorno de carro e avanço de linha

54. Enviar após confirmação

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

<SCRIPT LANGUAGE="JavaScript">
<!--
função mensagem(){
if (confirm("Tem certeza que deseja enviar!"))
document.lnman.submit()
}
//-->
</SCRIPT>
<form name="lnman" method="post" action="">
<p>
<input type="text" name="textfield" value="Enviar após confirmação">
</p>
<p>
<input type="button" name="Enviar" value="Enviar" onclick="msg();">
</p>
</form>

55. Altere o conteúdo da tabela

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

<roteiro ***roteiro>
var arr=nova matriz()
arr[0]="一一一一一";
arr[1]="dois dois dois dois dois";
arr[2]="três três três três três";
</script>
<select onchange="zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]">
<option value=a>Alterar o primeiro quadro</option>
<option value=a>Alterar o segundo quadro</option>
<option value=a>Alterar o terceiro quadro</option>
</selecionar>
<id da tabela=zz borda=1>
<tr altura=20>
<td width=150>Primeiro quadro</td>
<td width=150>Segundo quadro</td>
<td width=150>Terceiro quadro</td>
</tr>
</tabela>

Artigos Relacionados