Javascript 方法大全

方法大全" href="http://www.itpig.cn/?p=41" rel=bookmark>Javascrīpt 方法大全

1 创建脚本块

1: <scrīpt language=”Javascrīpt”>
S z g%` L02: Javascrīpt code goes here
^ \ ~ [8n%x9p n P03: </scrīpt>

2 隐藏脚本代码

1: <scrīpt language=”Javascrīpt”>
&C D8O G p/T G02: <!–PHPChina 开源社区门户4j w q s0G d
3: document.write(“Hello”);PHPChina 开源社区门户2} G(S Z6\ Y R4b f3y g#l
4: // –>PHPChina 开源社区门户 M3x [ ]/f O ?"y9n
5: </scrīpt>PHPChina 开源社区门户 r g0G c F t
在不支持Javascrīpt的浏览器中将不执行相关代码

3 浏览器不支持的时候显示

1: <noscrīpt>PHPChina 开源社区门户 s Y!K:Y*S
2: Hello to the non-Javascrīpt browser.
4M/q K#^ T03: </noscrīpt>

4 链接外部脚本文件

1: <scrīpt language=”Javascrīpt” src=”/”filename.js” mce_src=”/”filename.js””></scrīpt>PHPChina 开源社区门户 E z-S j o!p
5 注释脚本

1: // This is a comment
X5d"G#S T+\ } v02: document.write(“Hello”); // This is a commentPHPChina 开源社区门户#b {;Q n){ w)[ } @7Y5I
3: /*PHPChina 开源社区门户+C4[0z:~ z ~5G |'c/C
4: All of this
F)u ~ m;e [ C6N05: is a comment
5y G k {7~ N!Y q%U06: */

6 输出到浏览器

1: document.write(“<strong>Hello</strong>”);

7 定义变量

1: var myVariable = “some value”;

8 字符串相加

1: var myString = “String1” + “String2”;

9 字符串搜索

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户"R `8u&N n'n&X
2: <!–PHPChina 开源社区门户9s:O4E T6i k ~
3: var myVariable = “Hello there”;
+^-H#S&q f C9t e%_6i04: var therePlace = myVariable.search(“there”);PHPChina 开源社区门户 ]2f v-l O W c E
5: document.write(therePlace);PHPChina 开源社区门户2u ` y)G*] S3U V(K J2q k k
6: // –>PHPChina 开源社区门户:[ S Y'J }7j a0p9N l _8z
7: </scrīpt>

10 字符串替换

1: thisVar.replace(“Monday”,”Friday”);

11 格式化字串1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户2[7Z0P8A c"k
2: <!–PHPChina 开源社区门户!P S"m6C M5~ @.],`
3: var myVariable = “Hello there”;PHPChina 开源社区门户 V P O R n a
4: document.write(myVariable.big() + “<br>”);PHPChina 开源社区门户5a p4B j B(h _,E M g v A
5: document.write(myVariable.blink() + “<br>”);PHPChina 开源社区门户 I ^!l Y c O%v-W
6: document.write(myVariable.bold() + “<br>”);
h N.R-V K#~07: document.write(myVariable.fixed() + “<br>”);
3t G i k F/g X O08: document.write(myVariable.fontcolor(“red”) + “<br>”);
@6] |"S o }*r.o q09: document.write(myVariable.fontsize(“18pt”) + “<br>”);PHPChina 开源社区门户 z _ U!C O o k \;m4`
10: document.write(myVariable.italics() + “<br>”);PHPChina 开源社区门户/^ n&p2}#\ \ Z2G4B9` a
11: document.write(myVariable.small() + “<br>”);
O q.F/|/g5p0L t;J012: document.write(myVariable.strike() + “<br>”);
,_ \+M O-? g q013: document.write(myVariable.sub() + “<br>”);PHPChina 开源社区门户%k z V3X O Q
14: document.write(myVariable.sup() + “<br>”);
(h N A B6];m;O015: document.write(myVariable.toLowerCase() + “<br>”);
7Y4E ?3~ L H9}016: document.write(myVariable.toUpperCase() + “<br>”);
)q)e u }4j'j T8W%K k017:
y ],s q O4@4m J018: var firstString = “My String”;PHPChina 开源社区门户 \"T2W f w r K
19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
/o E { x t K h020: // –>PHPChina 开源社区门户2{ c a S;t#N [ U
21: </scrīpt>

12 创建数组1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户 x4H7A!W6@ `;g0d z k
2: <!–
/s*v;`(B o'X T03: var myArray = new Array(5);
s d$y X f N$y8H R `#]04: myArray[0] = “First Entry”;PHPChina 开源社区门户 m Q(c j Q"L e$T9M V N
5: myArray[1] = “Second Entry”;PHPChina 开源社区门户!r'U s l1E x*i f K
6: myArray[2] = “Third Entry”;PHPChina 开源社区门户:v g D w B G _ z y
7: myArray[3] = “Fourth Entry”;PHPChina 开源社区门户3b _ q.h i h x
8: myArray[4] = “Fifth Entry”;
$Q"z r;i V09: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
0S Q'K E9h8T$K010: // –>
#@ D(N b z j-i011: </scrīpt>

13 数组排序

1: <scrīpt language=”Javascrīpt”>
a8U m)R d02: <!–
J R L l'\%Y Z&M ]03: var myArray = new Array(5);
e(l ?%A7Q p/} ~ G z N r D04: myArray[0] = “z”;PHPChina 开源社区门户%n f M'{/u*Q D;t*m
5: myArray[1] = “c”;PHPChina 开源社区门户.A8W x ~%H3g C
6: myArray[2] = “d”;PHPChina 开源社区门户8c |8] u G3Y
7: myArray[3] = “a”;
+K W @ e8G6e O I3w08: myArray[4] = “q”;PHPChina 开源社区门户;Z(x x c"s r&w |9?4` a
9: document.write(myArray.sort());PHPChina 开源社区门户 T7o3G r F
10: // –>
"H L Z e a6n e ]'q011: </scrīpt>

14 分割字符串

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户 A } F ` H
2: <!–PHPChina 开源社区门户7M4] l9z%|
3: var myVariable = “a,b,c,d”;
2p ^ L X6u04: var stringArray = myVariable.split(“,”);
9j [7T%| k B V/}05: document.write(stringArray[0]);PHPChina 开源社区门户0l!h H-a:u t {
6: document.write(stringArray[1]);
#v O8T X ` D x07: document.write(stringArray[2]);PHPChina 开源社区门户 k S Y2v0P9M b U
8: document.write(stringArray[3]);
/e.j%C B x09: // –>
9w d7L U%?#X010: </scrīpt>

15 弹出警告信息

1: <scrīpt language=”Javascrīpt”>
T%w K e X a%X7R)V Z02: <!–PHPChina 开源社区门户#A l ['j$`(n V
3: window.alert(“Hello”);PHPChina 开源社区门户(J'W Z1W&G v f+m3L ~
4: // –>
D i g2O ]+K C!h;V05: </scrīpt>

16 弹出确认框

1: <scrīpt language=”Javascrīpt”>
r$n G*} ~ s9x02: <!–
!w p j ] ^ H d03: var result = window.confirm(“Click OK to continue”);PHPChina 开源社区门户$t f4v&X K0T2r c
4: // –>PHPChina 开源社区门户 n V9K G c*q X
5: </scrīpt>

17 定义函数

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户2F h u b z
2: <!–PHPChina 开源社区门户 k5e _8m ?6R+O
3: function multiple(number1,number2) {
7g X s:D-h D f9C6] ]04: var result = number1 * number2;PHPChina 开源社区门户8S f)_ | i
5: return result;PHPChina 开源社区门户;O!g,j t K7n q;I
6: }PHPChina 开源社区门户8p W C3\ U"\#w G
7: // –>PHPChina 开源社区门户 n$_ o0E ]3E ?
8: </scrīpt>

 

18 调用JS函数

1: <a href=”#” ōnClick=”functionName()”>Link text</a>
.Q C p \ W02: <a href=”/”javascrīpt:functionName“()”>Link text</a> 19 在页面加载完成后执行函数1: <body ōnLoad=”functionName();”>PHPChina 开源社区门户,X:G u8^4g+j8A$V
2: Body of the pagePHPChina 开源社区门户8n:W n I @ t%Z
3: </body>
/Y | t7`;d | z+Q020 条件判断

1: <scrīpt>
,^5C q ~5} i!~ R02: <!–PHPChina 开源社区门户 k3l e \ I4L }1j
3: var userChoice = window.confirm(“Choose OK or Cancel”);
9| ].t9j#[%J/V7Q#z j"z04: var result = (userChoice == true) ? “OK” : “Cancel”;
(~:~!] T u05: document.write(result);
v,x g3H B0k#u0^$S06: // –>
7k ~ ?4K S07: </scrīpt>

21 指定次数循环

1: <scrīpt>
o [ F Q8? H4\ ]02: <!–
R#n'[ c'm a/y:o5U03: var myArray = new Array(3);
G \'t T c ~04: myArray[0] = “Item 0”;PHPChina 开源社区门户;h u b o I p.j P D Z
5: myArray[1] = “Item 1”;
:U ^*z [ d06: myArray[2] = “Item 2”;
e H R A%?/Z G07: for (i = 0; i < myArray.length; i++) {
u(X*b.Z i08: document.write(myArray[i] + “<br>”);
0_ @3D Y1x+K X&k09: }PHPChina 开源社区门户1^ T ^ L"M)R E
10: // –>
T;`-e c O M2b!`011: </scrīpt>

22 设定将来执行

1: <scrīpt>PHPChina 开源社区门户 c x w } \:e5a Q
2: <!–
#t ? ~ u%^ c03: function hello() {
^ g6q e$k l0j04: window.alert(“Hello”);PHPChina 开源社区门户 X,V.U%R,C q6B#D
5: }PHPChina 开源社区门户 s-U Q6h5B4b U
6: window.setTimeout(“hello()”,5000);
I*h:o ]2`1z d ~07: // –>PHPChina 开源社区门户"k B u E*Y Y
8: </scrīpt>

23 定时执行函数

1: <scrīpt>PHPChina 开源社区门户 r1j)q:y#E J J
2: <!–PHPChina 开源社区门户/[$U x:? x
3: function hello() {PHPChina 开源社区门户&]:F u a%a O I
4: window.alert(“Hello”);PHPChina 开源社区门户 P b ? ] |
5: window.setTimeout(“hello()”,5000);
7Q'^#p.b5z/@06: }
(H6m N5k3[4@!H ]9C [5M07: window.setTimeout(“hello()”,5000);PHPChina 开源社区门户 A {7R-o J P8^ G){ ^
8: // –>PHPChina 开源社区门户,l J ] M1a i ^ | a D
9: </scrīpt>

24 取消定时执行

1: <scrīpt>PHPChina 开源社区门户 F ` b._ D8P c j l
2: <!–PHPChina 开源社区门户6A.@*M \ G;L
3: function hello() {
^ J x d.V r,R H2Z04: window.alert(“Hello”);PHPChina 开源社区门户 c$C+b2Y l t n1@:D
5: }PHPChina 开源社区门户9e"Z&{*K v&I t
6: var myTimeout = window.setTimeout(“hello()”,5000);PHPChina 开源社区门户 L:r7a f u$L A ]
7: window.clearTimeout(myTimeout);
_ a.] H7` a%? n08: // –>PHPChina 开源社区门户%m ](I Y q N y L5}
9: </scrīpt>

25 在页面卸载时候执行函数

1: <body ōnUnload=”functionName();”>
#g X.v Q9w C.[4j02: Body of the pagePHPChina 开源社区门户 | M:q%t S&S1Z d E5S
3: </body>

Javascrīpt就这么回事2：浏览器输出
9l9C d'M b k'i026 访问document对象

1: <scrīpt language=”Javascrīpt”>
"@ ` u0C [ w n*t02: var myURL = document.URL;PHPChina 开源社区门户3o T j |5? k;b8{!e9A w
3: window.alert(myURL);PHPChina 开源社区门户 x$w6h#^;W ^ D:E j |
4: </scrīpt>

27 动态输出HTML

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户-O%x.B m X6w
2: document.write(“<p>Here’s some information about this document:</p>”);PHPChina 开源社区门户4g'f h"[ t s
3: document.write(“<ul>”);PHPChina 开源社区门户'k P:s ]8e ] `
4: document.write(“<li>Referring Document: “ + document.referrer + “</li>”);
)j U s H"~05: document.write(“<li>Domain: “ + document.domain + “</li>”);
F ^ q v e4D E:S)j8H6~06: document.write(“<li>URL: “ + document.URL + “</li>”);PHPChina 开源社区门户"U,F A u l#[ k L q w
7: document.write(“</ul>”);PHPChina 开源社区门户 A l E E ]8T&j9K"z
8: </scrīpt>
f0Q n+f#u D V028 输出换行

1: document.writeln(“<strong>a</strong>”);
T l S!v G \7W ^ f.T x02: document.writeln(“b”);

29 输出日期

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户%e3} ],}:D y
2: var thisDate = new Date();
.B k4_.Q j ` ` y03: document.write(thisDate.toString());
9I:D Y;w$Y j U04: </scrīpt>

30 指定日期的时区

1: <scrīpt language=”Javascrīpt”>
V i*` \,O r&f9C L t \02: var myOffset = -2;
2@7j z+d,O,Q/z03: var currentDate = new Date();PHPChina 开源社区门户 P N M0~ l-w9T
4: var userOffset = currentDate.getTimezoneOffset()/60;PHPChina 开源社区门户0A.P f X&d j!}
5: var timeZoneDifference = userOffset - myOffset;
$X&v S7F [$b |:n |06: currentDate.setHours(currentDate.getHours() + timeZoneDifference);PHPChina 开源社区门户 C s1N h4I f q ~
7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());
1A1P+{#y/y Y c R08: </scrīpt>

31 设置日期输出格式1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户 d d;A C&o \0H+D x y
2: var thisDate = new Date();
u$U P E R03: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();
o I%a5k'v ~ C8Q04: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate();
x ~+j a9w05: document.write(thisTimeString + “ on “ + thisDateString);
&] [ { _ O#U2J06: </scrīpt>PHPChina 开源社区门户 D C c+[ M I
32 读取URL参数

1: <scrīpt language=”Javascrīpt”>
M ^(C a Z X02: var urlParts = document.URL.split(“?”);
H T }6S.b0E03: var parameterParts = urlParts[1].split(“&”);PHPChina 开源社区门户.l/e Q O [ [ t S0`
4: for (i = 0; i < parameterParts.length; i++) {
s O _ z s*b h u05: var pairParts = parameterParts[i].split(“=”);
E/b x$H n E06: var pairName = pairParts[0];
r U X f+| O(k:k F07: var pairValue = pairParts[1];PHPChina 开源社区门户.\ f N9Z/L:M q
8: document.write(pairName + “ ：“ +pairValue );PHPChina 开源社区门户 } ]#D)R"? u0j$r
9: }
x Q+R a O6L)K l p!s010: </scrīpt>

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

33 打开一个新的document对象

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户;f r k G+`(Y2j
2: function newDocument() {
r!@.?3E:z5w03: document.open();
%d @#I i M,y V4?04: document.write(“<p>This is a New Document.</p>”);PHPChina 开源社区门户 D!g9v(z2v
5: document.close();
,J P y I$@ R06: }
] I _,j,p _9J07: </scrīpt>

34 页面跳转

1: <scrīpt language=”Javascrīpt”>PHPChina 开源社区门户:\ V v"L T O3x
2: window.location = “http://www.liu21st.com/”;
f*I L7~ \ u03: </scrīpt>

35 添加网页加载进度窗口

1: <html>
V X:[ N6{ [ S'O f y02: <head>
`4y'p r ~1@0[ D03: <scrīpt language=’javascrīpt’>PHPChina 开源社区门户!K O1^ O v9u1l C
4: var placeHolder = window.open(’holder.html’,'placeholder’,'width=200,height=200′);PHPChina 开源社区门户5l7| o!t9Z#E2} k [
5: </scrīpt>PHPChina 开源社区门户 i3G p C/P G
6: <title>The Main Page</title>PHPChina 开源社区门户%v+c:} J)U W"}1a
7: </head>
0[ j&K-`;G c9?08: <body ōnLoad=’placeHolder.close()’>
5{ y(L.X"H X&{09: <p>This is the main page</p>PHPChina 开源社区门户 q T.\0f [.P B&t
10: </body>PHPChina 开源社区门户)~%H i ` C @#L A,g9^ C0z
11: </html>

Javascrīpt就这么回事3：图像

36 读取图像属性

1: <img src=”/”image1.jpg”” name=”myImage”>
e ] H(J b/O g O t02: <a href=”# ” ōnClick=”window.alert(document.myImage.width)”>Width</a>PHPChina 开源社区门户8b!t V z E7?!M8}
3:PHPChina 开源社区门户)u h)D D7r9@5] a
37 动态加载图像

1: <scrīpt language=”Javascrīpt”>
6D/M y$o ` [02: myImage = new Image;PHPChina 开源社区门户.g f8J!Q m-s E!h r
3: myImage.src = “Tellers1.jpg”;PHPChina 开源社区门户 d w3f _8[5x S s
4: </scrīpt>