Startseite>Webdesign-Tutorial>WEB-Standardisierung

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

Autor：Eve Cole Aktualisierungszeit：2009-12-14 15:53:58

44. Seitenaufruf und -bewegung

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

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginnen
für (t = 2; t > 0; t--) {
für (x = 20; x > 0; x--) {
für (y = 10; y > 0; y--) {
parent.moveBy(0,-x);
}
}
für (x = 20; x > 0; x--) {
für (y = 10; y > 0; y--) {
parent.moveBy(0,x);
}
}
für (x = 20; x > 0; x--) {
für (y = 10; y > 0; y--) {
parent.moveBy(x,0);
}
}
für (x = 20; x > 0; x--) {
für (y = 10; y > 0; y--) {
parent.moveBy(-x,0);
}
}
}
//-->
// Ende -->
</script>

45. Datum und Uhrzeit des persönlichen Client-Computers anzeigen

<script language="LiveScript">
<!-- Versteckt
heute = neues Datum()
***("Die aktuelle Zeit ist: ",today.getHours(),":",today.getMinutes())
***(" <br>Das heutige Datum ist: ", today.getMonth()+1,"/",today.getDate(),"/",today.getYear());
// Ende des Versteckens von Inhalten ->
</script>

46. ​​Generieren Sie jedes Mal automatisch das Datum der letzten Änderung für Sie:

<html>
<Körper>
Dies ist eine einfache HTML-Seite.
<br>
Letzte Änderungen:
<script language="LiveScript">
<!-- Skript aus alten Browsern ausblenden
***(document.lastModified)
// Ende des Versteckens von Inhalten ->
</script>
</body>
</html>

47. Darf nicht leer sein und E-Mail-Adressbeschränkungen:

<html>
<Kopf>
<script language="JavaScript">
<!-- Ausblenden
Funktion test1(form) {
if (form.text1.value == "")
alarm("Sie haben nichts geschrieben, bitte geben Sie es noch einmal ein!")
anders {
Alert("Hallo"+form.text1.value+"! Sie haben Ihre Eingabe abgeschlossen!");
}
}
Funktion test2(form) {
if (form.text2.value == "" ||
form.text2.value.indexOf('@', 0) == -1)
warning("Dies ist nicht die richtige E-Mail-Adresse! Bitte geben Sie sie erneut ein!");
else alarm("Sie haben Ihre Eingabe abgeschlossen!");
}
// -->
</script>
</head>
<Körper>
<form name="first">
Geben Sie Ihren Namen ein: <br>
<Eingabetyp="text" name="text1">
<input type="button" name="button1" value="Input test" onClick="test1(this.form)">
<P>
Geben Sie Ihre E-Mail-Adresse ein: <br>
<Eingabetyp="text" name="text2">
<input type="button" name="button2" value="Input test" onClick="test2(this.form)">
</body>

48. Festzelt

<html>
<Kopf>
<script language="JavaScript">
<!-- Ausblenden
var scrtxt="Wie wäre es! Es ist cool! Du kannst es auch ausprobieren."+"Hier geht deine Nachricht an die Besucher
Die Seite wird „+“stundenlang in purer Faszination angeschaut …“;
var lentxt=scrtxt.length;
var width=100;
var pos=1-width;
Funktion scroll() {
pos++;
var scroller="";
if (pos==lentxt) {
pos=1-width;
}
if (pos <0) {
for (var i=1; i <=Math.abs(pos); i++) {
scroller=scroller+" ";}
scroller=scroller+scrtxt.substring(0,width-i+1);
}
anders {
scroller=scroller+scrtxt.substring(pos,width+pos);
}
window.status = Scroller;
setTimeout("scroll()",150);
}
//-->
</script>
</head>
<body onLoad="scroll();return true;">
Ihre Webseite kann hier angezeigt werden!
</body>
</html>

49. Verwenden Sie Schaltflächen auf der Webseite, um die Anzeige der vorherigen Seite, der nächsten Seite und der Startseite zu steuern.

<html>
<Körper>
<FORM NAME="buttonbar">
<INPUT TYPE="button" VALUE="Zurück" onClick="history.back()">
<INPUT TYPE="button" VALUE="JS- Home" onClick="location='script.html'">
<INPUT TYPE="button" VALUE="Next" onCLick="history.forward()">
</FORM>
</body>
</html>

50. Sehen Sie sich den Quellcode einer Website an

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

<SKRIPT>
Funktion add()
{
var ress=document.forms[0].luxiaoqing.value
window.location="view-source:"+ress;
}
</SCRIPT>
Geben Sie die URL-Adresse ein, unter der Sie den Quellcode anzeigen möchten:
<FORM> <input type="text" name="luxiaoqing" size=40 value="http://"> </FORM>
<FORM> <br>
<INPUT type="button" value="Quellcode anzeigen" onClick=add()>
</FORM>

51. Der Titel zeigt das Datum an

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

<script language="JavaScript1.2">
<!--verstecken
var isnMonth = neu
Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember") ;
var isnDay = neu
Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag");
heute = neues Datum ();
Year=today.getYear();
Date=today.getDate();
if(document.all)
document.title="Heute ist: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
//--hide-->
</script>

Ähnliche Artikel