Teilen Sie die 55 am häufigsten verwendeten klassischen Tipps in Javascript

Autor：Eve Cole Aktualisierungszeit：2025-01-17 19:12:01

1. oncontextmenu="window.event.returnValue=false" blockiert die rechte Maustaste vollständig

<table border oncontextmenu=return(false)><td>no</table> kann für Tabelle verwendet werden

2. <body onselectstart="return false"> Auswahl abbrechen und Kopieren verhindern

3. onpaste="return false" darf nicht eingefügt werden

4. oncopy="return false;" oncut="return false;" um das Kopieren zu verhindern

5. <link rel="Shortcut Icon" href="favicon.ico"> Ersetzen Sie die IE-Adressleiste durch Ihr eigenes Symbol

6. <link rel="Bookmark" href="favicon.ico"> kann Ihr Symbol in den Favoriten anzeigen

7. <input style="ime-mode:disabled"> Eingabemethode schließen

8. Tragen Sie immer einen Rahmen

if (window == top)top.location.href = "frames.htm"; //frames.htm ist eine Frame-Webseite

// --></script>

9. Verhindern Sie, dass etwas hereingelegt wird

<SCRIPT LANGUAGE=JAVASCRIPT><!--

if (top.location != self.location)top.location=self.location;

// --></SCRIPT>

10. Webseiten werden nicht gespeichert als

11. <input type=button value="/Webseiten-Quellcode anzeigen

onclick="window.location = "view-source:"+ "//www.VeVB.COm"">

12. Bestätigen Sie beim Löschen

<a href=""javascript :if(confirm("Sind Sie sicher, dass Sie löschen möchten?"))location="boos.asp?&areyou=delete&page=1"">Löschen</a>

13. Ermitteln Sie die absolute Position des Steuerelements

Kopieren Sie den Codecode wie folgt:

//Javascript

Funktion getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alarm("top="+t+"/nleft="+l);

}

</script>

//VBScript

Funktion getIE()

dimmen t,l,a,b

setze a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName<>"BODY"

setze a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wenden

msgbox "top="&t&chr(13)&"left="&l,64,"Position des Steuerelements abrufen"

Endfunktion

--></script>

14. Der Cursor wird am Ende des Textes im Textfeld angehalten

Kopieren Sie den Codecode wie folgt:

functioncc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart("character",e.value.length);

r.collapse(true);

r.select();

}

</script>

15. Bestimmen Sie die Quelle der vorherigen Seite

Javascript:

document.referrer

16. Fenster minimieren, maximieren, schließen

Dieses Beispiel ist für IE

17. Schildfunktionstasten Umschalt, Alt, Strg

Funktion Look(){

if(event.shiftKey)

warning("Drücken der Umschalttaste verbieten!"); //Kann durch ALT STRG ersetzt werden

}

document.onkeydown=look;

</script>

18. Webseiten werden nicht zwischengespeichert

Oder <META HTTP-EQUIV="expires" CONTENT="0">

19. Wie kann man die Form weniger konkav und konvex machen?

oder

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 feste Nummer #000000"></textarea>

20. Was ist der Unterschied zwischen <div><span>&<layer>?

<div>(division) wird verwendet, um große Abschnitte von Seitenelementen zu definieren, die zu Zeilenumbrüchen führen.

<span> wird verwendet, um Elemente innerhalb derselben Zeile zu definieren. Der einzige Unterschied zu <div> besteht darin, dass es keine Zeilenumbrüche verursacht.

<layer> ist ein Tag von ns, der von ie nicht unterstützt wird. Es entspricht <div>

21. Stellen Sie sicher, dass das Popup-Fenster immer im Vordergrund steht:

22. Keine Bildlaufleisten?

Es dürfen keine vertikalen Balken vorhanden sein:

</body>

Lassen Sie die Balken leer:

</body>

Beide entfernen? einfacher

</body>

23. Wie entferne ich die gepunktete Linie um das Bild, nachdem ich auf den Bildlink geklickt habe?

24. Formular zum Senden der E-Mail-Verarbeitung

<form name="form1" method="post" action=mailto:****@***.com

enctype="text/plain">

<Eingabetyp=Senden>

</form>

25. Wie schreibe ich den Code, um das übergeordnete Fenster im geöffneten untergeordneten Fenster zu aktualisieren?

window.opener.location.reload()

26.So legen Sie die Größe der geöffneten Seite fest

Öffnen Sie die Seite <body onload="top.moveBy(300,200);">

27. So fügen Sie der Seite ein nicht vollständiges Hintergrundbild hinzu, damit sich das Hintergrundbild beim Ziehen der Seite nicht bewegt.

<STIL>

Körper

{background-image:url(/logo.gif); background-repeat:no-repeat;

Hintergrundposition: Mitte; Hintergrundanhang: behoben}

</STYLE>

28. Prüfen Sie, ob eine Zeichenfolge ausschließlich aus Zahlen besteht

Funktion checkNum(str){return str.match(//D/)==null}

alarm(checkNum("1232142141"))

alarm(checkNum("123214214a1"))

// --></script>

29. Ermitteln Sie die Größe eines Fensters

document.body.clientWidth; document.body.clientHeight

30. So ermitteln Sie, ob es sich um einen Charakter handelt

if (/[^/x00-/xff]/g.test(s)) warning("Enthält chinesische Zeichen");

sonst alarm("alle Zeichen");

31. Die Anzahl der adaptiven Textzeilen von TEXTAREA

<textarea rows=1 name=s1 cols=27 onpropertychange

="this.style.posHeight=this.scrollHeight">

</textarea>

32. Datum minus Anzahl der Tage ergibt zweites Datum

<Skriptsprache=Javascript>

functioncc(dd,dadd)

{

//Fehlerbehandlung kann hinzugefügt werden

var a = neues Datum (TT)

a = a.valueOf()

a = a - dadd * 24 * 60 * 60 * 1000

a = neues Datum(a)

Alert(a.getFullYear() + „Jahr“ + (a.getMonth() + 1) + „Monat“ + a.getDate() + „Tag“)

}

cc("23.12.2002",2)

</script>

33. Welches Radio ist ausgewählt?

Funktion checkme()

für jedes ob in radio1

wenn ob.geprüft dann

window.alert ob.value

Endfunktion

</script><BODY>

<INPUT name="radio1" type="radio" value="/style" geprüft>Stil

<INPUT name="radio1" type="radio" value="/blog/barcode">Barcode

</BODY></HTML>

34. Skripte gehen nie schief

<!-- Ausblenden

Funktion killErrors() {

return true;

}

window.onerror = killErrors;

// -->

</SCRIPT>

35. Mit der ENTER-Taste kann der Cursor zum nächsten Eingabefeld bewegt werden

36. Überprüfen Sie die Linkgeschwindigkeit einer Website:

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

<Skriptsprache=Javascript>

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.njcatv.net"

autourl[2]="javacool.3322.net"

autourl[3]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.sina.com.cn"

autourl[4]="www.nuaa.edu.cn"

autourl[5]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.cctv.com"

Funktion butt(){

***("<form name=autof>")

for(var i=1;i<autorl.length;i++)

***("<input type=text name=txt"+i+" size=10 value="/Wird getestet...> =》<input type=text

name=url"+i+" size=40> =》<input type=button value="/blog/GO

onclick=window.open(this.form.url"+i+".value)><br>")

***("<input type=submit value=Refresh></form>")

}

Hintern()

Funktion auto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="/Link-Timeout"}

anders

{document.forms[0]["txt"+b].value="/blog/time"+tim/10+"seconds"}

b++

}

function run(){for(var i=1;i<autourl.length;i++)***("<img src=http://"+autourl+"/"+Math.random()+" width=1 Höhe=1

onerror=auto("http://"+autourl+"")>")}

run()</script>

37. Verschiedene Cursor-Stile

auto: Standardcursor

Standard: Standardpfeil

Hand: Handcursor

Warten: Warten Sie auf den Cursor

Text: I-förmiger Cursor

Vertical-Text: Horizontaler I-förmiger Cursor

No-Drop: Der Cursor kann nicht gezogen werden

nicht erlaubt: Ungültiger Cursor

help:?Hilfe-Cursor

All-Scroll: dreieckiger Richtungsanzeiger

bewegen: Das Ziel bewegen

Fadenkreuz: Kreuzmarke

E-Größe ändern

n-Größe ändern

nw-Größe ändern

w-Größe ändern

s-Größe ändern

Größe ändern

SW-Größe ändern

38. Spezialeffekte für Seitenein- und -ausstieg

Geben Sie die Seite ein<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transit=y)">

Seite verlassen<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transit=y)">

Dabei handelt es sich um einige Spezialeffekte beim Laden und Aufrufen der Seite. Die Dauer gibt die Dauer des Spezialeffekts in Sekunden an. Der Übergang gibt an, welcher Spezialeffekt verwendet werden soll. Der Wert ist 1-23:

0 Rechteck schrumpfen

1 Rechteckige Erweiterung

2-Kreis-Reduktion

3 kreisförmige Erweiterung

4 Von unten nach oben aktualisieren

5 Von oben nach unten aktualisieren

6 Aktualisierung von links nach rechts

7 Von rechts nach links aktualisieren

8 Vertikaljalousien

9 horizontale Jalousien

10 versetzte horizontale Jalousien

11 versetzte Vertikaljalousien

12-Punkte-Spread

13 Von links nach rechts aktualisieren

14 Von der Mitte nach links und rechts aktualisieren

15 Mitte nach oben und unten

16 auf und ab bis zur Mitte

17 von rechts unten nach links oben

18 von rechts oben nach links unten

19 von links oben nach rechts unten

20 von links unten nach rechts oben

21 horizontale Balken

22 vertikale Balken

23 Wählen Sie zufällig einen der oben genannten 22 Typen aus

39. Springe innerhalb der angegebenen Zeit

40. Ob die Webseite abgerufen wird

Die Attributwerte umfassen Folgendes:

Der Attributwert ist „all“: Dateien werden abgerufen und Links auf der Seite können abgefragt werden;

Der Attributwert ist „none“: Die Datei wird nicht abgerufen und die Links auf der Seite werden nicht abgefragt;

Der Attributwert ist „index“: Die Datei wird abgerufen;

Der Attributwert ist „Folgen“: Fragen Sie den Link auf der Seite ab.

Der Attributwert ist „noindex“: Die Datei wird nicht abgerufen, kann aber abgefragt und verknüpft werden;

Der Attributwert ist „nofollow“: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden.

41. Segmentierung von E-Mail-Adressen

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

<a href="mailto:[email protected]">[email protected]</a>

42. Tisch mit fließendem Randeffekt

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

Kopieren Sie den Codecode wie folgt:

l=Array(6,7,8,9,'a','b','b','c','d','e','f')

Nx=5;Ny=35

t="<table border=0 cellspaced=0 cellpadding=0><tr>"

for(x=Nx;x<Nx+Ny;x++)

t+="<td width=16 id=a_mo"+x+"> </td>"

t+="</tr><tr><td width=10 id=a_mo"+(Nx-1)+"> </td><td colspan="+(Ny-2)+" rowspan="+( Nx)+"> </td><td width=16 id=a_mo"+(Nx+Ny)+"></td></tr>"

for(x=2;x<=Nx;x++)

t+="<tr><td width=16 id=a_mo"+(Nx-x)+"> </td><td width=16 id=a_mo"+(Ny+Nx+x-1)+"> </td></tr>"

t+="<tr>"

for(x=Ny;x>0;x--)

t+="<td width=16 id=a_mo"+(x+Nx*2+Ny-1)+"> </td>"

***(t+"</tr></table>")

var N=Nx*2+Ny*2

Funktion f1(y){

for(i=0;i<N;i++){

c=(i+y)%20;if(c>10)c=20-c

document.all["a_mo"+(i)].bgColor=""""#0000"+l[c]+l[c]+"'"}

y++

setTimeout('f1('+y+')','1')}

f1(1)

</SCRIPT>

43. Techniken für JavaScript-Homepage-Popup-Fenster

Popup in der Mitte des Fensters

Kopieren Sie den Codecode wie folgt:

window.open("//www.VeVB.COm","","width=400,height=240,top="+(screen.availHeight-240)/2+",left="+(screen.availWidth -400)/2);

</script>

============

<html>

<Kopf>

Funktion WinOpen() {

msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");

msg.***("<HEAD><TITLE>Hallo!</TITLE></HEAD>");

msg.***("<CENTER><H1>Wie cool!</H1><h2>Dies ist das Fenster, das von <B>JavaScript</B> geöffnet wurde!</h2></CENTER>");

}

</script>

</head>

<Körper>

</form>

</body>

</html>

==============

1. Im folgenden Code müssen Sie nur klicken, um ein Fenster zum Verknüpfen mit CCID zu öffnen. Und wenn Sie es schließen möchten, klicken Sie einfach, um das gerade geöffnete Fenster zu schließen.

Der Code lautet wie folgt:

Kopieren Sie den Codecode wie folgt:

<! --

Funktion openclk() {

another=open('1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>//www.VeVB.COm','NewWindow');

}

Funktion closeclk() {

another.close();

}

//-->

</SCRIPT>

<BR>

</FORM>

2. Der obige Code ist zu leise. Warum nicht dynamischer machen? Es wäre toll, wenn Sie der Seite einen Landing-Effekt verleihen könnten!

Der Code lautet wie folgt:

Kopieren Sie den Codecode wie folgt:

Funktion drop(n) {

if(self.moveBy){

self.moveBy (0, -900);

for(i = n; i > 0; i--){

self.moveBy(0, 3);

}

for(j = 8; j > 0; j--){

self.moveBy(0,j);

self.moveBy(j, 0);

self.moveBy(0,-j);

self.moveBy(-j, 0);

}

</script>

3. Ich hasse es, dass viele Websites immer im Standardfenster geöffnet werden. Es wäre großartig, wenn Sie das geöffnete Fenster nach Ihren Wünschen steuern könnten.

Der Code lautet wie folgt:

Kopieren Sie den Codecode wie folgt:

<! -- Beginnen

Funktion popupPage(l, t, w, h) {

var windowprops = "location=no, scrollbars=no, menubars=no, toolbars=no, resizable=yes" +

", left=" + l + ", top=" + t + ", width=" + w + ", height=" + h;

var URL = "//www.VeVB.COm";

popup = window.open(URL, „MenuPopup“, windowprops);

}

// Ende -->

</script>

<tr>

<td>

<Formularname=Popupform>

<pre>

Seitenparameter öffnen<br>

Abstand von links: <input type=text name=left size=2 maxlength=4> Pixel

Abstand von rechts: <input type=text name=top size=2 maxlength=4> Pixel

Fensterbreite: <input type=text name=width size=2 maxlength=4> Pixel

Fensterhöhe: <input type=text name=height size=2 maxlength=4> Pixel

</pre>

<Mitte>

<input type=button value="Dieses Fenster öffnen!" onClick="popupPage(this.form.left.value, this.form.top.value, this.form.width.value,

this.form.height.value)">

</center>

</form>

</td>

</tr>

</table>

Sie müssen nur einen Wert in das entsprechende Dialogfeld eingeben und das Fenster der zu öffnenden Seite wird gut gesteuert.

44. Seitenaufruf und -bewegung

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

Kopieren Sie den Codecode wie folgt:

<!-- 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

Kopieren Sie den Codecode wie folgt:

<!-- 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:

Kopieren Sie den Codecode wie folgt:

<html>

<Körper>

Dies ist eine einfache HTML-Seite.

<br>

Letzte Änderungen:

<!-- 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:

Kopieren Sie den Codecode wie folgt:

<html>

<Kopf>

<!-- 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>

Geben Sie Ihren Namen ein:<br>

<Eingabetyp="text" name="text1">

<P>

Geben Sie Ihre E-Mail-Adresse ein:<br>

<Eingabetyp="text" name="text2">

</body>

48. Festzelt

Kopieren Sie den Codecode wie folgt:

<html>

<Kopf>

<!-- 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>

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.

Kopieren Sie den Codecode wie folgt:

<html>

<Körper>

</FORM>

</body>

</html>

50. Sehen Sie sich den Quellcode einer Website an

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

Kopieren Sie den Codecode wie folgt:

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:

Kopieren Sie den Codecode wie folgt:

</FORM>

51. Der Titel zeigt das Datum an

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

Kopieren Sie den Codecode wie folgt:

<!--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>

52. Alle Links anzeigen

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

Kopieren Sie den Codecode wie folgt:

<!--

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>

53. Eingabetaste zum Ändern der Zeile

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

Kopieren Sie den Codecode wie folgt:

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>

<textarea>Wagenrücklauf und Zeilenvorschub

54. Nach Bestätigung abschicken

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

Kopieren Sie den Codecode wie folgt:

<!--

Funktion msg(){

if (confirm("Sind Sie sicher, dass Sie absenden möchten!"))

document.lnman.submit()

}

//-->

</SCRIPT>

<p>

</p>

<p>

</p>

</form>

55. Ändern Sie den Inhalt der Tabelle

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

Kopieren Sie den Codecode wie folgt:

var arr=new Array()

arr[0]="一一一一一";

arr[1]="zwei zwei zwei zwei zwei";

arr[2]="drei drei drei drei drei";

</script>

<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>

<td width=150>Erster Frame</td>

<td width=150>Zweiter Frame</td>

<td width=150>Dritter Frame</td>

</tr>

</table>