Page d'accueil>Tutoriel de conception de sites Web>Normalisation WEB

Les 55 techniques classiques les plus utilisées en Javascript (3)

Auteur：Eve Cole Date de mise à jour：2009-12-14 15:53:58

44. Ouverture et déplacement de la page

Ajoutez le code suivant à la zone <body>

<LANGUE SCRIPT="JavaScript">
<!-- Commencer
pour (t = 2; t > 0; t--) {
pour (x = 20 ; x > 0 ; x--) {
pour (y = 10 ; y > 0 ; y--) {
parent.moveBy(0,-x);
}
}
pour (x = 20 ; x > 0 ; x--) {
pour (y = 10 ; y > 0 ; y--) {
parent.moveBy(0,x);
}
}
pour (x = 20 ; x > 0 ; x--) {
pour (y = 10 ; y > 0 ; y--) {
parent.moveBy(x,0);
}
}
pour (x = 20 ; x > 0 ; x--) {
pour (y = 10 ; y > 0 ; y--) {
parent.moveBy(-x,0);
}
}
}
//-->
// Fin -->
</script>

45. Afficher la date et l'heure de la machine client personnelle

<langage de script="LiveScript">
<!-- Cacher
aujourd'hui = nouvelle date()
***("L'heure actuelle est : ",today.getHours(),":",today.getMinutes())
***(" <br>La date d'aujourd'hui est : ", Today.getMonth()+1,"/",today.getDate(),"/",today.getYear());
// fin du masquage du contenu -->
</script>

46. ​​Générer automatiquement pour vous à chaque fois la date de la dernière modification :

<html>
<corps>
Il s'agit d'une simple page HTML.
<br>
Derniers changements :
<langage de script="LiveScript">
<!-- masquer le script des anciens navigateurs
***(document.lastModified)
// fin du masquage du contenu -->
</script>
</corps>
</html>

47. Ne peut être vide et contraintes d'adresse email :

<html>
<tête>
<langage de script="JavaScript">
<!-- Masquer
fonction test1 (formulaire) {
si (form.text1.value == "")
alert("Vous n'avez rien écrit, veuillez le saisir à nouveau !")
autre {
alert("Bonjour"+form.text1.value+"! Vous avez terminé votre saisie!");
}
}
fonction test2 (formulaire) {
if (form.text2.value == "" ||
form.text2.value.indexOf('@', 0) == -1)
alert("Ceci n'est pas la bonne adresse e-mail ! Veuillez la saisir à nouveau !");
else alert("Vous avez terminé votre saisie !");
}
// -->
</script>
</tête>
<corps>
<nom du formulaire="premier">
Entrez votre nom : <br>
<input type="text" name="text1">
<input type="button" name="button1" value="Test d'entrée" onClick="test1(this.form)">
<P>
Entrez votre adresse e-mail : <br>
<input type="text" name="text2">
<input type="button" name="button2" value="Test d'entrée" onClick="test2(this.form)">
</corps>

48. Chapiteau

<html>
<tête>
<langage de script="JavaScript">
<!-- Masquer
var scrtxt="Et si ! C'est cool ! Vous pouvez aussi l'essayer."+"Voici votre message aux visiteurs de votre
la page sera "+" à regarder pendant des heures avec pure fascination... ;
var lentxt=scrtxt.length;
var largeur=100 ;
var pos=1-largeur ;
fonction défilement() {
pos++;
var scroller="";
si (pos==lentxt) {
pos=1-largeur ;
}
si (pos <0) {
pour (var i=1; i <=Math.abs(pos); i++) {
scroller=défilement+" ";}
scroller=scroller+scrtxt.substring(0,width-i+1);
}
autre {
scroller=scroller+scrtxt.substring(pos,largeur+pos);
}
window.status = défileur ;
setTimeout("scroll()",150);
}
//-->
</script>
</tête>
<body onLoad="scroll();return true;">
Votre page Web peut être affichée ici !
</corps>
</html>

49. Utilisez les boutons de la page Web pour contrôler l'affichage de la page précédente, de la page suivante et de la page d'accueil.

<html>
<corps>
<NOM DU FORMULAIRE="buttonbar">
<INPUT TYPE="bouton" VALUE="Retour" onClick="history.back()">
<INPUT TYPE="bouton" VALUE="JS- Accueil" onClick="location='script.html'">
<INPUT TYPE="bouton" VALUE="Suivant" onCLick="history.forward()">
</FORM>
</corps>
</html>

50. Afficher le code source d'un site Web

Ajoutez le code suivant à la zone <body>

<SCRIPT>
fonction ajouter()
{
var ress=document.forms[0].luxiaoqing.value
window.location="view-source:"+ress;
}
</SCRIPT>
Saisissez l'adresse URL à laquelle vous souhaitez afficher le code source :
<FORM> <input type="text" name="luxiaoqing" size=40 value="http://"> </FORM>
<FORMULAIRE> <br>
<INPUT type="button" value="Afficher le code source" onClick=add()>
</FORM>

51. Le titre affiche la date

Ajoutez le code suivant à la zone <body> :

<langage de script="JavaScript1.2">
<!--masquer
var isMonth = nouveau
Array("Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre") ;
var isDay = nouveau
Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi","Dimanche");
aujourd'hui = nouvelle Date () ;
Année=aujourd'hui.getYear();
Date=aujourd'hui.getDate();
si (document.all)
document.title="Aujourd'hui est : "+Année+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
//--cacher-->
</script>

Articles connexes