Startseite>Webdesign-Tutorial>WEB-Standardisierung

Die 55 am häufigsten verwendeten klassischen Techniken in Javascript (4)

Autor：Eve Cole Aktualisierungszeit：2009-12-14 15:55:14

52. Alle Links anzeigen

Fügen Sie den folgenden Code zum Bereich <body> hinzu

<script language="JavaScript1.2">
<!--
Funktion extractlinks(){
var links=document.all.tags("A")
var total=links.length
var win2=window.open("","","menubar,scrollbars,toolbar")
win2.***(" <font size='2'>Es gibt insgesamt „+total+“ Verbindungen</font> <br>")
für (i=0;i <total;i++){
win2.***(" <font size='2'>"+links[i].outerHTML+" </font> <br>")
}
}
//-->
</script>
<input type="button" onClick="extractlinks()" value="Alle Links anzeigen">

53. Eingabetaste zum Ändern der Zeile

Fügen Sie den folgenden Code zum Bereich <body> hinzu

<script type="text/javascript">
Funktion handleEnter (Feld, Ereignis) {
var keyCode = event.keyCode ? event.keyCode : event.which ?
event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
brechen;
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
return false;
}
anders
return true;
}
</script>
<Formular>
<input type="text" onkeypress="return handleEnter(this, event)"> <br>
<input type="text" onkeypress="return handleEnter(this, event)"> <br>
<textarea>Wagenrücklauf und Zeilenvorschub

54. Nach Bestätigung abschicken

Fügen Sie den folgenden Code zum Bereich <body> hinzu

<SCRIPT LANGUAGE="JavaScript">
<!--
Funktion msg(){
if (confirm("Sind Sie sicher, dass Sie absenden möchten!"))
document.lnman.submit()
}
//-->
</SCRIPT>
<form name="lnman" method="post" action="">
<p>
<input type="text" name="textfield" value="Nach Bestätigung senden">
</p>
<p>
<input type="button" name="Submit" value="Submit" onclick="msg();">
</p>
</form>

55. Ändern Sie den Inhalt der Tabelle

Fügen Sie den folgenden Code zum Bereich <body> hinzu

<Skript ***Skript>
var arr=new Array()
arr[0]="一一一一一";
arr[1]="zwei zwei zwei zwei zwei";
arr[2]="drei drei drei drei drei";
</script>
<select onchange="zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]">
<option value=a>Ändern Sie den ersten Frame</option>
<option value=a>Zweiten Frame ändern</option>
<option value=a>Ändern Sie den dritten Frame</option>
</select>
<table id=zz border=1>
<tr height=20>
<td width=150>Erster Frame</td>
<td width=150>Zweiter Frame</td>
<td width=150>Dritter Frame</td>
</tr>
</table>

Ähnliche Artikel