Javascript 方法大全

Javascrīpt 方法大全

1 创建脚本块

]7s6Jk4G5}D)_?_g01: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户 \ P-^(}Eh }
2: Javascrīpt code goes here
&^ @B*T W3~} K6_03: </scrīpt>

o [5WE w h02 隐藏脚本代码

1: <scrīpt language=”Javascrīpt”>
M3`3b6hf1]02: <!–
Sx9r1h{Vo-YF03: document.write(“Hello”);
AG$H:x6\1N9bSe04: // –>
[S5q+S/e[05: </scrīpt>
'^/z;eUX,}*KQ0在不支持Javascrīpt的浏览器中将不执行相关代码

Yw4to%D;I"Dd8?)I03 浏览器不支持的时候显示

],hngY&AHlf01: <noscrīpt>PHPChina 开源社区门户gcN
_;X:@
2: Hello to the non-Javascrīpt browser.PHPChina 开源社区门户 p,Bz Zd\
3: </noscrīpt>

$t!f!U9l/[ kU~ j04 链接外部脚本文件

1: <scrīpt language=”Javascrīpt” src=”/”filename.js” mce_src=”/”filename.js””></scrīpt>PHPChina 开源社区门户5c(O!rkpw
wm
5 注释脚本PHPChina 开源社区门户.D-i!r3M9L/Em(o

1: // This is a commentPHPChina 开源社区门户P)ZH6D$K$n%E
2: document.write(“Hello”); // This is a comment
lQ$E%Wi03: /*PHPChina 开源社区门户8I0Vd@ Add4d
4: All of this
-^M/b(Fz&d-g'IW%_4]05: is a commentPHPChina 开源社区门户'i8CS#~eQ(W
6: */

7XsP{!k7m e06 输出到浏览器

3t9i#R*[2TF&O01: document.write(“<strong>Hello</strong>”);PHPChina 开源社区门户3G(X f?A$M

%e$`m,l*U#G|,p}07 定义变量PHPChina 开源社区门户sqD/jjDP7hy

zi8jx:xk7`8P01: var myVariable = “some value”;

8 字符串相加

1: var myString = “String1” + “String2”;PHPChina 开源社区门户]-COw[d

9 字符串搜索

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户2d1z.{6K:~|D j
2: <!–
m*E| ?]03: var myVariable = “Hello there”;
9v,z'{9cIT8j04: var therePlace = myVariable.search(“there”);
SS&rG/m^05: document.write(therePlace);
V2K2UY.S*o06: // –>PHPChina 开源社区门户][ p/jx5H_6z$B
7: </scrīpt>

10 字符串替换

,F^ B i:^ dV#BC01: thisVar.replace(“Monday”,”Friday”);

11 格式化字串1: <scrīpt language=”Javascrīpt”>
nTMB?|-Z%S02: <!–
v/|.LaBVW'v.|03: var myVariable = “Hello there”;
p F2K!D]b04: document.write(myVariable.big() + “<br>”);PHPChina 开源社区门户kc!R&]!YV
5: document.write(myVariable.blink() + “<br>”);PHPChina 开源社区门户.C yw#KG6O*vy C$q
6: document.write(myVariable.bold() + “<br>”);
j`(v(o-i)ew*V
W07: document.write(myVariable.fixed() + “<br>”);PHPChina 开源社区门户vQQ;b`+I:C6DY
8: document.write(myVariable.fontcolor(“red”) + “<br>”);
'l/\$Mc.q(H09: document.write(myVariable.fontsize(“18pt”) + “<br>”);
K2z%E}*W2n1P010: document.write(myVariable.italics() + “<br>”);
e\zx(F[:r011: document.write(myVariable.small() + “<br>”);
f:A!e z0z hPm012: document.write(myVariable.strike() + “<br>”);PHPChina 开源社区门户"EZ0zn5zY4b
13: document.write(myVariable.sub() + “<br>”);PHPChina 开源社区门户"A@4TV_9b1Z
14: document.write(myVariable.sup() + “<br>”);PHPChina 开源社区门户&K)fMSsK~;zL
15: document.write(myVariable.toLowerCase() + “<br>”);
(c `3l"\m#o F016: document.write(myVariable.toUpperCase() + “<br>”);PHPChina 开源社区门户pO*cz&s$F]/y
17:PHPChina 开源社区门户E1Mn J%`:o(G/H
18: var firstString = “My String”;PHPChina 开源社区门户7Q2D2TL(a~)F
19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”);PHPChina 开源社区门户9kf5| wo$y
20: // –>PHPChina 开源社区门户gmikc{%[-U
21: </scrīpt>PHPChina 开源社区门户!WS0QL(C
E
]

12 创建数组1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户EN.K:M2eYv&Bx&S
2: <!–
y6WZ A!j03: var myArray = new Array(5);PHPChina 开源社区门户T3[ Xm%_;}7yPE
4: myArray[0] = “First Entry”;
3|M4@)Mc1R#^2C"S1nI05: myArray[1] = “Second Entry”;
yLB5L
H7C|2B4B\06: myArray[2] = “Third Entry”;
A"`S2r|3kF+~J;G07: myArray[3] = “Fourth Entry”;
$kOJ4zr:R2~08: myArray[4] = “Fifth Entry”;
;ZXICz9L R,P aj7E09: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
V0^*he-w.i010: // –>PHPChina 开源社区门户'D:VL&u5N8y
gU5R"B
11: </scrīpt>PHPChina 开源社区门户&|+v](?G8A

13 数组排序

&Kp%oH:DRp\01: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户gYeT.`4z1X
2: <!–PHPChina 开源社区门户2L!{kA0M9}&o
3: var myArray = new Array(5);
[[K1JaSh04: myArray[0] = “z”;
${s r)csq/Ue2e J05: myArray[1] = “c”;PHPChina 开源社区门户%x/F$| NFaH
6: myArray[2] = “d”;
y {4U5JQms3b07: myArray[3] = “a”;PHPChina 开源社区门户+Af5D F5p9|~DR
8: myArray[4] = “q”;PHPChina 开源社区门户xj U;bFQr
9: document.write(myArray.sort());PHPChina 开源社区门户xaCE`sDO
10: // –>
G9es3W [4O
G\+U011: </scrīpt>PHPChina 开源社区门户iI2Tr|cU

14 分割字符串

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户)?b0BkM1u Xg#k
2: <!–PHPChina 开源社区门户o8y-clae`~
3: var myVariable = “a,b,c,d”;
y'f LL.Z*K})I04: var stringArray = myVariable.split(“,”);PHPChina 开源社区门户;S,J%|zY
Mp0B
5: document.write(stringArray[0]);
b;j4\"GF;h%k06: document.write(stringArray[1]);PHPChina 开源社区门户m kp~(d3v/v
7: document.write(stringArray[2]);PHPChina 开源社区门户)w \3~7rpF
8: document.write(stringArray[3]);
!CM2UBkp9m8I A(J,j09: // –>
7kbB5@vX4b;m010: </scrīpt>PHPChina 开源社区门户 \2{9Mat

#d iy3Z^H(n0w&F015 弹出警告信息

1: <scrīpt language=”Javascrīpt”>
8ec*B:xGt02: <!–PHPChina 开源社区门户#jO@k+\r
3: window.alert(“Hello”);PHPChina 开源社区门户;{rq2F6`7Oq8r
@
4: // –>
&kDu6xU(np2y3y$^ u05: </scrīpt>

16 弹出确认框PHPChina 开源社区门户Bq8j!Mg&aW$n

0\UXw g0E0\?#v01: <scrīpt language=”Javascrīpt”>
q%Rm3SM{ n,B5}02: <!–
/gd^To0r03: var result = window.confirm(“Click OK to continue”);
[-v X%ldpPT'j[04: // –>PHPChina 开源社区门户ke(k{[RXI
5: </scrīpt>PHPChina 开源社区门户sh fjXX yN)qL

x4fSd$X017 定义函数PHPChina 开源社区门户'CPVyK.m)Lg!w

1: <scrīpt language=”Javascrīpt”>
2P9q/B,g6G4T02: <!–PHPChina 开源社区门户d)_N]V+J#]
3: function multiple(number1,number2) {PHPChina 开源社区门户:t'}0hzx[ K
4: var result = number1 * number2;
P|N0{G6p U&b05: return result;
p*Nsz!x^)u06: }
`3w wgQ U Z@07: // –>PHPChina 开源社区门户;^A%~x(}1Z
8: </scrīpt>

)Y:{4MGc Wo0

L.N-wC%|)vWp;j018 调用JS函数

1: <a href=”#” ōnClick=”functionName()”>Link text</a>
%S;g*p"Kb:|;O.zd02: <a href=”/”javascrīpt:functionName“()”>Link text</a>19 在页面加载完成后执行函数1: <body ōnLoad=”functionName();”>PHPChina 开源社区门户?je%D4wt
2: Body of the page
2G w6S,y)iT03: </body>
!C#az.Jh8QK-ojO020 条件判断PHPChina 开源社区门户xK3yL$@

1: <scrīpt>
7tXIS-[a6|.iI.HO02: <!–PHPChina 开源社区门户$W[;g:cm_
3: var userChoice = window.confirm(“Choose OK or Cancel”);
B9zGc7?"N6X Q04: var result = (userChoice == true) ? “OK” : “Cancel”;
d jIj7b0~05: document.write(result);PHPChina 开源社区门户:N~4p
Jl+e
6: // –>PHPChina 开源社区门户*`2X(h5JMN
7: </scrīpt>

XNwN,a0h[ c021 指定次数循环

1: <scrīpt>
.A;P|
j\6n+V02: <!–PHPChina 开源社区门户5nOY bWi
3: var myArray = new Array(3);
R,HjS'?eIY)v04: myArray[0] = “Item 0”;
t\}:}_zG-Y'gG05: myArray[1] = “Item 1”;
y kT} ^a?6by }06: myArray[2] = “Item 2”;
P%g)as5Ir;b
~Kx+z07: for (i = 0; i < myArray.length; i++) {PHPChina 开源社区门户T{3rI{_
8: document.write(myArray[i] + “<br>”);
&X"H`wL ~Eo2d,L09: }
]2IuI n9\T/m#U010: // –>PHPChina 开源社区门户F IV IN,ww8A m
11: </scrīpt>

22 设定将来执行

0Bn]Q L+lo01: <scrīpt>PHPChina 开源社区门户#`#E)A4rI
2: <!–

d o#[0M7f_I3s03: function hello() {
I'~ e!ySHw#Dy04: window.alert(“Hello”);PHPChina 开源社区门户M;d|$S3Tw
5: }
V0?0M:DrvfSU06: window.setTimeout(“hello()”,5000);PHPChina 开源社区门户[Jm\|
7: // –>
sM]
|/B08: </scrīpt>

23 定时执行函数

3x;Vt*o!^"F/w01: <scrīpt>
]#^+@s7DF3]z02: <!–PHPChina 开源社区门户.YcnXF
3: function hello() {PHPChina 开源社区门户S|(d)^)M%B
4: window.alert(“Hello”);
jpCI*s+e05: window.setTimeout(“hello()”,5000);PHPChina 开源社区门户$W5_'a&B@$q~-lp
6: }PHPChina 开源社区门户Sf
@4_V C
7: window.setTimeout(“hello()”,5000);PHPChina 开源社区门户O c,Qoi6Vc
[r
8: // –>
5xi+yj5G5bV09: </scrīpt>PHPChina 开源社区门户"U|-J:vX5[ ZO

24 取消定时执行PHPChina 开源社区门户,_HW8]*rjY/q\

1: <scrīpt>PHPChina 开源社区门户-FOZ|"_I(b~
2: <!–
F{8d vo mv03: function hello() {PHPChina 开源社区门户;d$y,lKL(~$lv|d
4: window.alert(“Hello”);PHPChina 开源社区门户os"bS%S{
5: }PHPChina 开源社区门户-K3Tg&S;f*}'gz4j
6: var myTimeout = window.setTimeout(“hello()”,5000);PHPChina 开源社区门户'rmeID7R.h
7: window.clearTimeout(myTimeout);
u9f9v7Nn)dAI08: // –>PHPChina 开源社区门户i,v+LT'Xn%q*Z_*K\
9: </scrīpt>PHPChina 开源社区门户'\} \+qW}&Y8E2g

0Al5{Nj[-dSO-|4Y L025 在页面卸载时候执行函数PHPChina 开源社区门户#n(L!K,?jT0U3a

1: <body ōnUnload=”functionName();”>
:t_*O YF;S02: Body of the page
-f&}A"Dr03: </body>

Javascrīpt就这么回事2：浏览器输出
CGg^$a$N*aL026 访问document对象PHPChina 开源社区门户:GeyXQ1E;A

@o9kt |Oz01: <scrīpt language=”Javascrīpt”>
E*u.~ze0Z$g02: var myURL = document.URL;PHPChina 开源社区门户^1c K"j;E'Y0SL3dR
3: window.alert(myURL);
7]SrD%~04: </scrīpt>

27 动态输出HTML

1: <scrīpt language=”Javascrīpt”>
vdH dB-n'h)[2x02: document.write(“<p>Here’s some information about this document:</p>”);
!m"a)gX*a03: document.write(“<ul>”);
Kg9B'H+I04: document.write(“<li>Referring Document: “ + document.referrer + “</li>”);
0[dJ(m.^ A"hu@05: document.write(“<li>Domain: “ + document.domain + “</li>”);PHPChina 开源社区门户2hM(zs})V"d^kR
6: document.write(“<li>URL: “ + document.URL + “</li>”);PHPChina 开源社区门户 w:sJhu,Q^
7: document.write(“</ul>”);
'i6I+~_)Fv08: </scrīpt>PHPChina 开源社区门户Mi/J)x"B
C:T(c6U}P
28 输出换行

U7X&u&c4I Kn01: document.writeln(“<strong>a</strong>”);PHPChina 开源社区门户3ip1W*r7FQ
2: document.writeln(“b”);

29 输出日期PHPChina 开源社区门户!_,CUq:\:YI|

1JsX%E(pf01: <scrīpt language=”Javascrīpt”>
Cz0P5d7^v"{?02: var thisDate = new Date();PHPChina 开源社区门户m#hX3K$c Z oNf2wNKk
3: document.write(thisDate.toString());
a.UOxBo04: </scrīpt>

30 指定日期的时区PHPChina 开源社区门户D#|:Tx~w U

1: <scrīpt language=”Javascrīpt”>
-mu,^? KU[N02: var myOffset = -2;
"GLn)Z-Wy03: var currentDate = new Date();
1}9zdJ&q9P h-pF04: var userOffset = currentDate.getTimezoneOffset()/60;
$j6z&n$BA#]Ru05: var timeZoneDifference = userOffset - myOffset;PHPChina 开源社区门户 B:J"_5D y`P oQ"I
6: currentDate.setHours(currentDate.getHours() + timeZoneDifference);PHPChina 开源社区门户8Q\4N1?C9Y
7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());PHPChina 开源社区门户UW%V0x1ua
8: </scrīpt>PHPChina 开源社区门户$[zzM,L[

F$I;x-[;d8U031 设置日期输出格式1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户'^)P @4p#UqrgS"m
2: var thisDate = new Date();
m}@Q&H C$Z03: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();PHPChina 开源社区门户/_._n4`)hP
4: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate();PHPChina 开源社区门户}Y]gzj.m2sZG
5: document.write(thisTimeString + “ on “ + thisDateString);
9E1A| | JGz,z@06: </scrīpt>
&@I7ey$XNj-Y lZ032 读取URL参数PHPChina 开源社区门户v0e)~p9Z4c6u4f8T

+Q;{IA5P@WG@01: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户-X.LGgNk
2: var urlParts = document.URL.split(“?”);
Z9a1_5VJ\5q*?@03: var parameterParts = urlParts[1].split(“&”);PHPChina 开源社区门户V1P`P2maU]
4: for (i = 0; i < parameterParts.length; i++) {PHPChina 开源社区门户\K/s:VG(F e
5: var pairParts = parameterParts[i].split(“=”);
/Ht4sJN \06: var pairName = pairParts[0];PHPChina 开源社区门户X)|;d+do:f'O4Z
7: var pairValue = pairParts[1];PHPChina 开源社区门户h:LN;B@n X2eo%n&Wy}y
8: document.write(pairName + “ ：“ +pairValue );
sA(Y0TZ09: }
7F8[.@+mx z010: </scrīpt>PHPChina 开源社区门户z4PXs~

你还以为HTML是无状态的么？

8k#{/o;U*B^(B._033 打开一个新的document对象

1: <scrīpt language=”Javascrīpt”>
a*r(pu%G9nb0L \{6C02: function newDocument() {PHPChina 开源社区门户8?/S$b4oY,P2g`.h9B
3: document.open();PHPChina 开源社区门户 UJ7BF5RQ
4: document.write(“<p>This is a New Document.</p>”);PHPChina 开源社区门户4t-D7T+Dz(IK
5: document.close();
O l8gLh d&S G3~06: }PHPChina 开源社区门户Q|4?LJ$i:lr#c/L@0f7D
7: </scrīpt>PHPChina 开源社区门户Y_*Pe{&UV-e

34 页面跳转PHPChina 开源社区门户M@1Q v5jc3k!_p

7Z3t1A]9d8f5}.B01: <scrīpt language=”Javascrīpt”>
DS],W5L{Z02: window.location = “http://www.liu21st.com/”;
"[6] ^SPs03: </scrīpt>

35 添加网页加载进度窗口

1: <html>PHPChina 开源社区门户s(M
?%H-[S9]*J)^
2: <head>
8]*sc
ar
K9z FW7w+yD03: <scrīpt language=’javascrīpt’>PHPChina 开源社区门户y3J v;v0Z7He
4: var placeHolder = window.open(’holder.html’,'placeholder’,'width=200,height=200′);
7X+yB#] gnQ,n05: </scrīpt>PHPChina 开源社区门户-uF]7pc(ap(D4_HZ
6: <title>The Main Page</title>
$x_f"hu}Km07: </head>PHPChina 开源社区门户u2y_&gE!~&B$I;@b
8: <body ōnLoad=’placeHolder.close()’>PHPChina 开源社区门户uX~} @,Nz*l
9: <p>This is the main page</p>
uf,Dp"M8o-[010: </body>PHPChina 开源社区门户8^8YgRIY(w
11: </html>

Javascrīpt就这么回事3：图像PHPChina 开源社区门户E9mDv3g `z;G

D?,Zy ^LG036 读取图像属性PHPChina 开源社区门户%KR@ lb$l"T~ ^

1: <img src=”/”image1.jpg”” name=”myImage”>
\7^.m+tcn t02: <a href=”# ” ōnClick=”window.alert(document.myImage.width)”>Width</a>PHPChina 开源社区门户I2S5bZd.?'V#i-r_
3:
p9_#I5V EO037 动态加载图像PHPChina 开源社区门户t&a%IN-n-Y/VvH:g

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户+w"muhOl6d
2: myImage = new Image;PHPChina 开源社区门户'EGO[eW1h
3: myImage.src = “Tellers1.jpg”;
(c~-h/s7?04: </scrīpt>