Les compétences pratiques JavaScript que les développeurs Web doivent collecter pour votre référence. Le contenu spécifique est le suivant
1. Le bouton droit de la souris sera complètement bloqué
onContextMenu = ”window.event.returnvalue = false”
<Table Border onContextMenu = return (false)> <td> Non </s table> ne peut être utilisé pour la table
2. Non-sélectionne et empêchez la copie
<corps onselectstart = ”return false”>
3.JS ne permet pas de coller
onPaste = ”return false"
4. JS empêche la copie
oncopy = ”return false;” oncut = ”return false;"
5. Changez vers votre propre icône devant la barre d'adresse IE
<link rel = ”icône de raccourci” href = ”favicon.ico”>
Mettez cette image dans le répertoire racine du fichier et modifiez le suffixe en ICO
6. Vous pouvez afficher votre icône dans vos favoris
<link rel = ”Bookmark” href = ”favicon.ico”>
7. Éteignez la méthode d'entrée
<entrée style = "ime-mode: handicap">
8. Transportez toujours un cadre
<Script Language = ”JavaScript”> <!
if (window == top) top.location.href = "frames.htm"; //frames.htm est la page Web du cadre
//> </ script>
9. Empêcher les cadres d'être
<Script Language = JavaScript> <!
if (top.location! = self.location) top.location = self.location;
//> </ script>
10. La page Web ne sera pas enregistrée comme
<noscript> <iframe src = *. html> </ iframe> </soscript>
11. <Type d'entrée = valeur du bouton = afficher le code source de la page Web
onclick = ”window.location =« View-Source: »+« http://www.pconline.com.cn »»>
12. Confirmer en cas de suppression
<a href = "javascript: if (confirm (" doit-il vraiment être supprimé? ")) localisation =" boos.asp? & areyou = supprimer
& page = 1 ″ ”> supprimer </a>
13. Obtenez la position absolue du contrôle
// javascript <script linguisse = ”javascript”> function getie (e) {var t = e.offsetTop; var l = e.offsetleft; while (e = e.offsetparent) {t + = e.offsetTop; l + = e.offsetLeft;} alert ("top =" + t + "/ nleft =" + l);} </script> // vbscript <script linguisse = "vbscript"> <! fonction getie () dim t, l, a, bset linguis a = document.all.img1t = document.all.img1.offsetTopl = document.all.img1.offsetleft pour A.Tagname <> "Body" Set A = A.OffsetParentt = T + A.OffsetTopl = L + A.OffSetleftwendmsgbox "Top =" & T & Ch (13) & "Left =" & l, 64, "Get the Contol's Postez"14. Le curseur est arrêté à la fin de la zone de texte
<script lingots = ”javascript”> function cc () {var e = event.srcelement; var r = e.createTExTrange (); r.movestart ("caractères", e.value.length); r.collapse (true);15. Déterminez la source de la page précédente
javascript:
Document.Referrer
16. Minimiser, maximiser, fermer les fenêtres
<objet id = hh1 classid = ”clsid: adb880a6-d8ff-11cf-9377-00aa003b7a11 ″> <param name =” Command ”value =” minimiser ”> </ objet> <objet id = hh2 classid =” clsid: adb880a6-d8ff-11cf-9377-00aa003b7a11 ″> <paramot> <paraming> <paraming> <onsre name = ”Command” value = ”maximiser”> </ objet> <objet id = hh3 classid = ”clsid: adb880a6-d8ff-11cf-9377-00aa003b7a11 ″> <param name =” Command ”value =” close ”> </ object> <intrut type = button value = maximiser onClick = hh1.click ()> <put type = bouton Value = MAXIMIL onClick = hh2.click ()> <entrée type = Button Value = close onclick = hh3.click ()>
Cet exemple s'applique à IE
17. Block Fonction Keys Shift, Alt, Ctrl
<Script> function look () {if (event.shiftKey) alert ("Shift Key est interdit!"); // peut être remplacé par alt ctrl} document.onkeydown = look; </cript>18. La page Web ne sera pas mise en cache
<Méta http-equiv = ”pragma” contenu = ”no-cache”>
<Méta http-equiv = ”cache-control” contenu = ”no-cache, must-revalidate”>
<Meta http-equiv = ”expire” contenu = ”mer, 26 février 1997 08:21:57 GMT”>
Ou <méta http-equiv = ”expire” contenu = ”0 ″>
19. Comment faire que la forme n'a pas de sensation concave et convexe?
<Type d'entrée = Text Style = ”Border: 1 solide # 000000 ″>
ou
<Type d'entrée = Text Style = ”Border-Left: Aucun; Border-droite: Aucun; Border-top: Aucun; Border-Bottom:
1 solide # 000000 ″> </ textarea>
20. La différence entre <v> <span> & <couche>?
<div> (Division) est utilisé pour définir de grands segments d'éléments de page, ce qui entraînera un transfert de ligne
<Span> est utilisé pour définir des éléments dans la même ligne. La seule différence entre <v> est qu'elle ne produit pas de transfert de ligne
<Cheer> est une balise de ns, c'est-à-dire ne le supporte pas, ce qui équivaut à <v>
21. Laissez la fenêtre contextuelle toujours sur le dessus:
<corps onblur = "this.focus ();">
22. Ne pas faire défiler les barres?
Ne laissez pas la barre verticale:
<Body Style = "Overflow: Scroll; Overflow-y: Hidden">
</docy>
Ne laissez pas la barre horizontale:
<Body Style = "Overflow: Scroll; Overflow-X: Hidden">
</docy>
Supprimer les deux? C'est plus facile
<Body Scroll = "NO">
</docy>
23. Comment supprimer les lignes pointillées autour de l'image après avoir cliqué sur le lien photo?
<a href = "#" onfocus = "this.blur ()"> <img src = "logo.jpg" border = 0> </ a>
24. formulaire de soumission de traitement par e-mail
<form name = ”form1 ″ méthode =” post ”Action =” Mailto: **** @ ***. com ”enctype =” Text / Plain ”>
<Type d'entrée = soumettre>
</ form>
25. Comment écrire dans le code de rafraîchissement de la fenêtre parent dans la fenêtre ouverte enfant?
window.opener.location.reload ()
26. Comment régler la taille de la page pour ouvrir
<Body onload = ”top.Resizeto (300,200);»>
L'emplacement où la page est ouverte <Body onload = "top.moveby (300,200);">
27. Comment ajouter une image d'arrière-plan qui n'est pas complète sur la page, et l'image d'arrière-plan reste impassible lors de la tir de la page
<Style>
Corps
{Background-Image: Aucun; République de fond: sans répétition;
Position d'arrière-plan: Centre; Attachement des antécédents: fixe}
</ Style>
28. Vérifiez si une chaîne est composée de nombres
<Script Language = ”JavaScript”> <!
Fonction Checknum (str) {return str.match (// d /) == null}
alerte (Checknum ("1232142141"))
alerte (Checknum ("123214214a1"))
//> </ script>
29. Obtenez la taille d'une fenêtre
document.body.clientwidth; document.body.clientheight
30. Comment déterminer s'il s'agit d'un personnage
if (/ [^^/x00-/xff
else alert ("tous les caractères");
31.TextArea combien de lignes de texte adaptatif
<TextArea Rows = 1 name = S1 Cols = 27 onPropertyChange = ”this.style.posheight = this.scrollHeight">
</ textarea>
32. Date moins de jours égal à la deuxième date
<Script Language = JavaScript> Fonction CC (DD, DADD) {// La gestion des erreurs peut être ajoutée var a = new Date (dd) a = a.valueof () a = a dadd * 24 * 60 * 60 * 1000a = new Date (a) alert (a.getlyear () + "année" + (a.getMonth () + 1) + "mois" + a.getDate () + "jour")} cc ("23/12/2002", 2) </cript>33. Quelle radio a été sélectionnée
<Html> <Script Language = ”VBScript”> Fonction CheckMe () pour chaque OB dans Radio1if ob.checked alors Window.Alert ob.valueNextend Function </ Script> <Body> <Input Name = "radio1" onClick = ”checkme ()”> </gody> </html>
34. Le script ne va jamais mal
<Script Language = ”JavaScript”> <! Hidefunction killerror () {return true;} window.onerror = killerrors; //> </script>35. La touche Entrée permet au curseur de passer à la boîte d'entrée suivante
<entrée onkeydown = ”if (event.KeyCode == 13) event.KeyCode = 9 ″>
36. Détectez la vitesse de liaison d'un certain site Web:
Ajoutez le code suivant à la zone <body>:
<Script Language = JavaScript> Tim = 1SetInterval ("Tim ++", 100) B = 1Var Autourl = NOUVEAU Array () Autourl [1] = "www.njcatv.net" Autourl [2] = "javacool.3322.net" Autourl [3] = "www.sina.com.cn" Autourl [4] = "www.nuaa.edu.cn" Autourl [5] = "www.ctrv.com" function ") {document (<format www..ctrv.com" Butt () {document (<format www..crot name = autof> ") for (var i = 1; i <autoRl.length; i ++) document.write (" <input type = text name = txt ”+ i +” size = 10 value = in test ...> =》 <inputType = textName = url "+ i +" size = 40> =》 <inputype = Value = goOnClick = window.open (this.form.url "+ i +". Value)> ") document.write (" <input type = soumider value = refresh> </ form> ")} Butt () function auto (url) {document.forms [0] [" URL "+ b] .value = urlif (Tim> 200) {document.forms [0] [" txt "+ b]. Timeout "} else {document.forms [0] [" txt "+ b] .value =" time "+ tim / 10 +" seconds "} b ++} function run () {for (var i = 1; i <autoourl.length; i ++) document.write (" <imgsrc = http: // "+ autourl +" / "+ math.rando height = 1ONERROR = Auto ("http: //" + Autourl + "")> ")} run () </ script>37. Divers styles de curseurs
Auto: curseur standard
Par défaut: flèche standard
main: curseur de la main
Attendez: attendez le curseur
Texte: curseur en forme de I
Texte vertical: curseur horizontal en forme de I
No-Drop: le curseur ne peut pas être traîné
non allongé: curseur non valide
Aide:? Aide Cursor
Scoll: Triangle Direction Mark
Déplacer: balise mobile
réticule: réticule
résidu électronique
n-resize
NW-Resize
W-Resize
S-Resize
se-resu size
SW-Resize
38. Effets spéciaux pour l'entrée et la sortie de la page
Entrez la page <méta http-equiv = ”page-enter” contenu = ”révélation (durée = x, transition = y)”>
Page de libération <meta http-equiv = ”page-exit” contenu = ”révélation (durée = x, transition = y)”>
Il s'agit de quelques effets spéciaux lorsque la page est chargée et appelée. La durée représente la durée de l'effet spécial en secondes.
La transition indique quel effet spécial à utiliser, la valeur est
1-23:
0 rectangle rétrécissement
1 agrandissement du rectangle
2 rond
3 élargissement circulaire
4 vers le haut pour actualiser
5 Rafraîchissez-vous jusqu'à Down
6 Rafraîchissement de gauche à droite
7 REGAGE DE REGER À GAUCHE
8 stores verticaux
9 stores horizontaux
10 stores horizontaux déplacés
11 stores verticaux disloqués
12 points de diffusion
13 actualiser le milieu
14 Actualiser du milieu à gauche et à droite
15 au-dessus
16 de haut en bas jusqu'au milieu
17 inférieur à droite en haut à gauche
18 en haut à droite en bas à gauche
19 en haut de gauche en bas à droite
20 en bas de gauche en haut à droite
21 barres horizontales
22 bandes verticales
23 ou plus choisir au hasard l'un des 22 types
39. Sautez dans le temps spécifié
<Méta http-equiv = v = ”rafraîchissement” contenu = ”5; url = http: //www.51js.com”>
40. Si la page Web a été récupérée
<meta name = ”robots” contenu = ”Valeur d'attribut”>
Les valeurs d'attribut sont les suivantes:
La valeur d'attribut est "tout": le fichier sera récupéré et les liens sur la page peuvent être interrogés;
La valeur d'attribut est "Aucune": le fichier n'est pas récupéré et les liens sur la page ne sont pas interrogés;
La valeur d'attribut est "index": le fichier sera récupéré;
La valeur d'attribut est "Suivre": le lien sur la page de requête;
La valeur d'attribut est "NOINDEX": le fichier n'est pas récupéré, mais peut être interrogé pour les liens;
La valeur de la propriété est "nofollow": le fichier n'est pas récupéré, mais les liens sur la page peuvent être interrogés.
41. Entrez
Utilisez le script client pour ajouter l'événement onkedown de document à la page, afin que la page puisse effectuer un onglet après avoir reçu l'événement Retour du chariot.
La fonction de la clé est de modifier le Keycode de l'événement de 13 à 9
Le code JavaScript est le suivant:
<script lingots = ”javascript” for = ”document” event = ”onkeydown”> <! if (event.keycode == 13) event.KeyCode = 9;> </ script>
Cette façon de traitement peut déplacer la mise au point vers le bas, mais elle joue également le même rôle pour les boutons. Généralement, les clients ont fini d'entrer
Une fois que les données ont été sautées sur le bouton, il est préférable d'appuyer directement sur "Entrer" pour soumettre les données. Par conséquent, la méthode ci-dessus doit être effectuée.
Pour la modification, le bouton "Soumettre" ne doit pas être décalé. Au lieu de cela, la soumission doit être activée directement.
Par conséquent, j'ai apporté une modification du code ci-dessus, c'est-à-dire pour déterminer si la "source" de l'événement est le bouton Soumettre. Le code est le suivant:
<script linguisse = ”javascript” for = ”document” event = ”onkeydown”> <! if (event.keyCode == 13 && event.srcelement.type! = 'Button' && event.srcelement.type! = 'soumettre' && event.srcelement.type! = 'reset' && event.srcelement.type! = 'TextArea' && eeate.srcelement.type! = 'TextArea' && event.srcelement.type! = 'TextArea' && événection event.srcelement.type! = ") event.KeyCode = 9;> </script>
Déterminez s'il s'agit d'un bouton, car il y aura Type = "bouton" sur HTML
Déterminez s'il est soumis, car il y a type = "soumettre" sur HTML
Déterminez s'il est réinitialisé car le "réinitialisation" sur HTML doit être exécuté
Le jugement est qu'il est vide parce que le "<a> lien" sur HTML doit également être exécuté. Cette situation ne se produit pas beaucoup. Vous pouvez utiliser la méthode "tabindex = -1" pour dissocier et se concentrer.
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.