Die praktischen JavaScript -Fähigkeiten, die Webentwickler für Ihre Referenz sammeln müssen. Der spezifische Inhalt ist wie folgt
1. Die rechte Maustaste ist vollständig blockiert
oncontextMenu = ”window.event.returnValue = false”
<Table Border OncontextMenu = return (false)> <td> no </table> kann für die Tabelle verwendet werden
2. Außerwählen und das Kopieren verhindern
<Body Onselectstart = "Return Falsch">
3.js erlaubt kein Einfügen
OnPaste = "Falsch zurückgeben"
4. Js verhindert das Kopieren
OnCopy = "Falsch zurückgeben;" oncut = "false zurückgeben;"
5. Wechseln Sie in Ihr eigenes Symbol vor der IE -Adressleiste
<link rel = ”Shortcut -Symbol” href = ”favicon.ico”>
Fügen Sie dieses Bild in das Stammverzeichnis der Datei ein und ändern Sie das Suffix an ICO
6. Sie können Ihr Symbol in Ihren Favoriten anzeigen
<link rel = "bookmark" href = "favicon.ico">
7. Schalten Sie die Eingangsmethode aus
<input style = "iMe-mode: deaktiviert">
8. Tragen Sie immer einen Rahmen
<script Language = ”JavaScript”> <!
if (window == obere) top.location.href = "Frames.htm"; //frames.htm ist die Frame -Webseite
//> </script>
9. verhindern, dass Frames sein
<Script Language = JavaScript> <!
if (top.location! = self.location) top.location = self.location;
//> < /script>
10. Die Webseite wird nicht als gespeichert wie
<noscript> <Iframe src =*. html> < /iframe> < /noscript>
11. <Eingabetyp = Schaltfläche Wert = Webseitenquellcode anzeigen
onclick = ”window.location =“ view-source: "+" http://www.pconline.com.cn ">"> ">"> ">"> ">"> ">"> ">"> ">"> ">"> ">">
12. Bestätigen Sie beim Löschen
<a href = "JavaScript: if (bestätigen (" Bestätigen ("Muss es wirklich gelöscht werden?")) location = "boos.asp? & areyou = delete
& page = 1 ″ ”> löschen </a>
13. Holen Sie sich die absolute Position der Kontrolle
// JavaScript <script Language = ”JavaScript”> Funktion getie (e) {var t = e.offsettop; var l = e.OffsetLeft; while (e = e = e.offsetParent) {t+= e.offsettop; l+= e.offsetleft;} alert ("top ="+t+"/nleft ="+l);} </script> // vbscript <script Sprache = " a=document.all.img1t=document.all.img1.offsetTopl=document.all.img1.offsetLeftwhile a.tagName< >"BODY"set a = a.offsetParentt=t+a.offsetTopl=l+a.offsetLeftwendmsgbox "top="&t&chr(13)&"left="&l,64,"get the control's position"end function>< /script>14. Der Cursor wird am Ende des Textfelds gestoppt
<script Language = ”JavaScript”> Funktion cc () {var e = event.srcelement; var r = e.createExtrange ();15. Bestimmen Sie die Quelle der vorherigen Seite
JavaScript:
document.referrer
16. Fenster minimieren, maximieren, schließen
< object id=hh1 classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″>< param name=”Command” value=”Minimize”>< /object>< object id=hh2 classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″>< param name=”Command” value=”Maximize”>< /object>< OBJECT id=hh3 classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>< PARAM NAME=”Command” VALUE=”Close”>< /OBJECT>< input type=button value=minimize onclick=hh1.Click()>< input type=button value=maximize onclick = hh2.click ()> <Eingabe type = button value = schließen aufclick = hh3.click ()>
Dieses Beispiel gilt für IE
17. Blockfunktionstasten verschieben, Alt, Strg
<Script> Funktion Look () {if (event.ShiftKey) alert ("Schaltschlüssel ist verboten!"); // kann durch Alt Strg} document.onkeydown = aussehen; < /script>18. Die Webseite wird nicht zwischengespeichert
<Meta http-äquiv = "pragma" content = "no-cache">
<Meta http-äquiv = "cache-control" content = "no-cache, must-revalidat">
<Meta http-äquiv = ”abläuft” content = ”Mi, 26. Februar 1997 08:21:57 GMT”>
Oder <meta http-äquiv = ”abläuft” content = ”0 ″>
19. Wie kann die Form kein konkaves und konvexes Gefühl haben?
<Eingabe type = text style = ”Rand: 1 Solid #000000 ″>
oder
<Eingabe type = text style = ”Border-Links: Keine; Grenzrechte: Keine; Border-Top: None; Border-Bottom:
1 Solid #000000 ″> < /textArea>
20. Der Unterschied zwischen <div> <span> & <schicht>?
<Div> (Division) wird verwendet, um große Segmente von Seitenelementen zu definieren, die eine Linienübertragung verursachen
<span> wird verwendet, um Elemente in derselben Linie zu definieren. Der einzige Unterschied zwischen <div> besteht darin, dass es keine Linienübertragung erzeugt
<layer> ist ein Tag von NS, dh es unterstützt es nicht, was zu <div> entspricht
21. Lassen Sie das Popup-Fenster immer oben sein:
<body onblur = "this.focus ();">
22. Scrollen Sie keine Bars?
Lassen Sie die vertikale Balken nicht:
<body style = "Überlauf: Scroll; Überlauf-y: Hidden">
< /body>
Lassen Sie die horizontale Stange nicht:
<body style = "Überlauf: Scroll; Überlauf-X: Hidden">
< /body>
Beide entfernen? Es ist einfacher
<body scroll = "no">
< /body>
23. Wie entfernen Sie die gepunkteten Zeilen um das Bild, nachdem Sie auf den Bildlink geklickt haben?
<a href = "#" onfocus = "this.blur ()"> <img src = "logo.jpg" Border = 0> < /a>
24. E -Mail -Verarbeitung Einreichungsformular
<Formular name = ”Form1 ″ methode =” post ”action =” mailto: ****@***. com ”EncType =” text/plain ”>
<Eingabetyp = Senden>
< /form>
25. Wie schreibe ich in den Code, um das übergeordnete Fenster im geöffneten Child -Fenster zu aktualisieren?
window.opener.location.reload ())
26. So stellen Sie die Größe der Seite auf, um sich zu öffnen
<Body Onload = ”top.Resizeto (300.200);”>
Der Ort, an dem die Seite geöffnet ist <Body Onload = "Top.Moveby (300.200);">
27. So fügen Sie ein Hintergrundbild hinzu, das auf der Seite nicht voll ist, und das Hintergrundbild bleibt beim Ziehen der Seite nicht bewegt
<Styles>
Körper
{Hintergrund-Image: Keine; Hintergrundrepeat: No-Repeat;
Hintergrundposition: Zentrum; Hintergrund-Atachment: Behoben}
< /Style>
28. Überprüfen Sie, ob eine Zeichenfolge aus Zahlen besteht
<script Language = ”JavaScript”> <!
Funktion checknum (str) {return str.match (// d/) == null}
Alarm (checknum ("1232142141"))
Alarm (checknum ("123214214a1"))
//> </script>
29. Erhalten Sie die Größe eines Fensters
document.body.clientwidth; document.body.clientHeight
30. Wie man feststellt, ob es sich um einen Charakter handelt
if (/=/x00-/xff weibliche/g.test(s)) alarm ("enthält chinesische Zeichen");
sonst wachsam ("alle Charaktere");
31.Textarea Wie viele Zeilen adaptiver Text
<textArea rows = 1 name = s1 cols = 27 onPropertychange = ”this.style.posheight = this.scrollHeight”>
< /textArea>
32. Datum minus Tage gleich dem zweiten Datum
<script Language = JavaScript> Funktion CC (DD, DADD) {// Fehlerbehandlung kann hinzugefügt werden var a = neues Datum (dd) a = a.Valueof () a = a DADD * 24 * 60 * 60 * 1000a = neues Datum (a) alert (A.getingfully () + "Jahr" + (A.Getonth () + 1) + "monat" + + " +" + " + A." + A. " "Tag")} CC ("23.12.2002", 2) </script>33. Welches Radio wurde ausgewählt
<Html> <script Language = ”vbScript”> Funktion checkme () für jedes OB in Radio1if OB. onclick = ”checkme ()”> < /body> < /html>
34. Das Skript geht nie schief
<Script Language = ”JavaScript”> <! HideFunction killerrors () {return true;} Fenster.35. Mit der Eingabetaste kann der Cursor zum nächsten Eingangsfeld wechseln
<Eingabe onkeydown = ”if (Ereignis.KeyCode == 13) Ereignis.KeyCode = 9 ″>
36. Erkennen Sie die Linkgeschwindigkeit einer bestimmten Website:
Fügen Sie den folgenden Code in den Bereich <Body> hinzu:
<script Language = JavaScript> Tim = 1SetInterval ("Tim ++", 100) B = 1Var AutoUrl = neu Array () Autourl [1] = "www.njcatv.net" Autourl [2] = "Javacool.3322.net" Autourl [3] = "www.sina.com.cn" Autourl [4] = "www.nuaa.edu.cn" document name = autof> ") für (var i = 1; i <autourl.length; i ++) document.write (" <Eingabe type = text name = txt value = goonclick = window.open (this.form.url ”+i+”. value)> ") document.write (" <Eingabe type = surven value = refresh> </form> ")} butt () function auto (url) {document. timeout"}else{document.forms[0]["txt"+b].value="Time"+tim/10+"seconds"}b++}function run(){for(var i=1;i< autourl.length;i++)document.write("< imgsrc=http://"+autourl+"/"+Math.random()+"width=1 Höhe = 1onError = auto ("http: //"+Autourl+"")> ")} run () </script>37. Verschiedene Arten von Cursoren
Auto: Standard Cursor
Standard: Standardpfeil
Hand: Handcursor
Warten Sie: Warten Sie auf den Cursor
Text: I-förmiger Cursor
vertikaler Text: Horizontaler I-förmiger Cursor
No-Drop: Der Cursor kann nicht gezogen werden
Nicht zugelassen: Ungültiger Cursor
Hilfe:? Helfen Sie Cursor
All-Scroll: Dreieckrichtung Marke
Move: Mobile Tag
Fadenkreuz: Fadenkreuz
E-RSIZE
N-RSIZE
NW-Riese
W-RSIZE
S-RSIZE
SE-RISIZE
SW-Rsize
38. Spezialeffekte für den Seiteneintritt und -ausgang
Geben Sie die Seite <meta http-äquiv = ”Page-Inter” content = ”discloseTtrans (Duration = x, transition = y)”> ein.
Release-Seite <meta http-äquiv = ”Page-exit” content = ”discureTtrans (Duration = x, transition = y)”>
Dies sind einige Spezialeffekte, wenn die Seite geladen und gerufen wird. Die Dauer stellt die Dauer des Spezialeffekts in Sekunden dar.
Der Übergang gibt an, welcher Spezialeffekt verwendet werden soll, der Wert ist
1-23:
0 Rechteck schrumpfen
1 Rechteckvergrößerung
2 Runde Schrumpf
3 Kreisvergrößerung
4 bis oben nach unten, um zu erfrischen
5 Erfrischen Sie nach unten nach unten
6 Aktualisieren Sie links nach rechts
7 rechts nach links Aktualisierung
8 vertikale Jalousien
9 Horizontale Jalousien
10 vertriebene horizontale Jalousien
11 vertikale Jalousien verrenkt
12 Diffusionspunkte
13 Erfrischen Sie sich in der Mitte
14 Erfrischen Sie in der Mitte nach links und rechts
15 Mitte zu oben
16 auf und runter in die Mitte
17 rechts rechts von oben links
18 oben rechts nach unten links
19 oben links nach unten rechts
20 unten links nach oben rechts
21 Horizontale Balken
22 vertikale Streifen
23 oder mehr zufällig einen der 22 Typen wählen
39. Springe innerhalb der angegebenen Zeit
<Meta http-äquiv = v = ”aktualisieren” content = ”5; url = http: //www.51js.com”>
40. ob die Webseite abgerufen wurde
<meta name = "Roboter" content = "Attributwert">
Die Attributwerte sind wie folgt:
Der Attributwert lautet "alle": Die Datei wird abgerufen, und die Links auf der Seite können abgefragt werden.
Der Attributwert lautet "keine": Die Datei wird nicht abgerufen und die Links auf der Seite werden nicht abfragt.
Der Attributwert ist "Index": Die Datei wird abgerufen;
Der Attributwert lautet "folgen": Der Link auf der Abfrageseite;
Der Attributwert lautet "noIndex": Die Datei wird nicht abgerufen, kann aber für Links abfragt werden.
Der Eigenschaftswert ist "nofollow": Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden.
41. Geben Sie ein
Verwenden Sie das Client -Skript, um das Onkeydown -Ereignis des Dokuments zur Seite hinzuzufügen, damit die Seite nach Erhalt des Wagenrückgabeereignisses eine Registerkarte ausführen kann.
Die Funktion des Schlüssels besteht darin, den Schlüsselcode des Ereignisses von 13 auf 9 zu ändern
Der JavaScript -Code lautet wie folgt:
<script Language = ”javaScript” for = ”document” event = ”ndkeydown”> <! if (event.KeeCode == 13) Ereignis.KeyCode = 9;> </script>
Diese Verarbeitung kann den Fokus nach unten verschieben, spielt aber auch die gleiche Rolle für Schaltflächen. Im Allgemeinen haben die Kunden den Eintritt in den Griff bekommen
Nachdem die Daten auf die Taste gesprungen sind, drücken Sie am besten direkt "Eingeben", um die Daten einzureichen. Daher muss die obige Methode durchgeführt werden.
Zur Änderung sollte die Schaltfläche "Senden" nicht verschoben werden. Stattdessen sollte die Einreichung direkt aktiviert werden.
Daher habe ich eine Änderung in den obigen Code vorgenommen, dh zu bestimmen, ob die "Quelle" des Ereignisses die Schaltfläche Senden ist. Der Code ist wie folgt:
<script Language = ”javaScript” for = ”document” event = ”ndkeydown”> <! if (event.keyCode == 13 && event.srcelement.type! = 'button' && event.srcelement.type! event.srcelement.type! = ") Ereignis.KeyCode = 9;> </script>
Bestimmen Sie, ob es sich um eine Taste handelt, da auf HTML type = "Taste" wird
Stellen Sie fest, ob es eingereicht wird, da auf HTML Typ = "Senden" vorhanden ist
Stellen Sie fest, ob es zurückgesetzt wird, weil das "Zurücksetzen" auf HTML ausgeführt werden sollte
Das Urteil ist, dass es leer ist, weil der "<a> Link" auf HTML ebenfalls ausgeführt werden sollte. Diese Situation passiert nicht viel. Sie können die Methode "tabindex = -1" verwenden, um zu entlasten und den Fokus zu erhalten.
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.