整理的比较不错的JavaScript的方法和技巧第1/3页
{"3":"
51\u00a0\u52a8\u6001\u6539\u53d8\u8868\u5355\u7684action
1:\u00a0<form\u00a0name=\u201dmyForm\u201d\u00a0action=\u201dlogin.html\u201d>
2:\u00a0Username:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dusername\u201d><br\/>
3:\u00a0Password:\u00a0<input\u00a0type=\u201dpassword\u201d\u00a0name=\u201dpassword\u201d><br\/>
4:\u00a0<input\u00a0type=\u201dbutton\u201d\u00a0value=\u201dLogin\u201d\u00a0onClick=\u201dthis.form.submit();\u201d>
5:\u00a0<input\u00a0type=\u201dbutton\u201d\u00a0value=\u201dRegister\u201d\u00a0onClick=\u201dthis.form.action\u00a0=\u00a0\u2018register.html';\u00a0this.form.submit();\u201d>
6:\u00a0<input\u00a0type=\u201dbutton\u201d\u00a0value=\u201dRetrieve\u00a0Password\u201d\u00a0onClick=\u201dthis.form.action\u00a0=\u00a0\u2018password.html';\u00a0this.form.submit();\u201d>
7:\u00a0<\/form>\u00a0
52\u00a0\u4f7f\u7528\u56fe\u50cf\u6309\u94ae
1:\u00a0<form\u00a0name=\u201dmyForm\u201d\u00a0action=\u201dlogin.html\u201d>
2:\u00a0Username:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dusername\u201d><br\/>
3:\u00a0Password:\u00a0<input\u00a0type=\u201dpassword\u201dname=\u201dpassword\u201d><br\/>
4:\u00a0<input\u00a0type=\u201dimage\u201d\u00a0src=\"\/\u201dlogin.gif\"\u201d\u00a0value=\u201dLogin\u201d>
5:\u00a0<\/form>
6:\u00a0
53\u00a0\u8868\u5355\u6570\u636e\u7684\u52a0\u5bc6
1:\u00a0<SCRIPT\u00a0LANGUAGE='JavaScript'>
2:\u00a0<!--
3:\u00a0function\u00a0encrypt(item)\u00a0{\u00a0
4:\u00a0var\u00a0newItem\u00a0=\u00a0'';
5:\u00a0for\u00a0(i=0;\u00a0i\u00a0<\u00a0item.length;\u00a0i++)\u00a0{\u00a0
6:\u00a0newItem\u00a0+=\u00a0item.charCodeAt(i)\u00a0+\u00a0'.';
7:\u00a0}
8:\u00a0return\u00a0newItem;
9:\u00a0}
10:\u00a0function\u00a0encryptForm(myForm)\u00a0{\u00a0
11:\u00a0for\u00a0(i=0;\u00a0i\u00a0<\u00a0myForm.elements.length;\u00a0i++)\u00a0{\u00a0
12:\u00a0myForm.elements[i].value\u00a0=\u00a0encrypt(myForm.elements[i].value);
13:\u00a0}
14:\u00a0}
15:\u00a0
16:\u00a0\/\/-->
17:\u00a0<\/SCRIPT>
18:\u00a0<form\u00a0name='myForm'\u00a0onSubmit='encryptForm(this);\u00a0window.alert(this.myField.value);'>
19:\u00a0Enter\u00a0Some\u00a0Text:\u00a0<input\u00a0type=text\u00a0name=myField><input\u00a0type=submit>
20:\u00a0<\/form>\u00a0
JavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b5\uff1a\u7a97\u53e3\u548c\u6846\u67b6\u00a0
54\u00a0\u6539\u53d8\u6d4f\u89c8\u5668\u72b6\u6001\u680f\u6587\u5b57\u63d0\u793a
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.status\u00a0=\u00a0\u201cA\u00a0new\u00a0status\u00a0message\u201d;
3:\u00a0<\/script>\u00a0
55\u00a0\u5f39\u51fa\u786e\u8ba4\u63d0\u793a\u6846
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0userChoice\u00a0=\u00a0window.confirm(\u201cClick\u00a0OK\u00a0or\u00a0Cancel\u201d);
3:\u00a0if\u00a0(userChoice)\u00a0{\u00a0
4:\u00a0document.write(\u201cYou\u00a0chose\u00a0OK\u201d);
5:\u00a0}\u00a0else\u00a0{\u00a0
6:\u00a0document.write(\u201cYou\u00a0chose\u00a0Cancel\u201d);
7:\u00a0}
8:\u00a0<\/script>\u00a0
56\u00a0\u63d0\u793a\u8f93\u5165
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0userName\u00a0=\u00a0window.prompt(\u201cPlease\u00a0Enter\u00a0Your\u00a0Name\u201d,\u201dEnter\u00a0Your\u00a0Name\u00a0Here\u201d);
3:\u00a0document.write(\u201cYour\u00a0Name\u00a0is\u00a0\u201c\u00a0+\u00a0userName);
4:\u00a0<\/script>\u00a0
57\u00a0\u6253\u5f00\u4e00\u4e2a\u65b0\u7a97\u53e3
1:\u00a0\/\/\u6253\u5f00\u4e00\u4e2a\u540d\u79f0\u4e3amyNewWindow\u7684\u6d4f\u89c8\u5668\u65b0\u7a97\u53e3
2:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
3:\u00a0window.open(\u201chttp:\/\/www.liu21st.com\/\u201d,\u201dmyNewWindow\u201d);
4:\u00a0<\/script>\u00a0
58\u00a0\u8bbe\u7f6e\u65b0\u7a97\u53e3\u7684\u5927\u5c0f
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.open(\u201chttp:\/\/www.liu21st.com\/\u201d,\u201dmyNewWindow\u201d,'height=300,width=300');
3:\u00a0<\/script>\u00a0
59\u00a0\u8bbe\u7f6e\u65b0\u7a97\u53e3\u7684\u4f4d\u7f6e
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.open(\u201chttp:\/\/www.liu21st.com\/\u201d,\u201dmyNewWindow\u201d,'height=300,width=300,left=200,screenX=200,top=100,screenY=100');
3:\u00a0<\/script>\u00a0
60\u00a0\u662f\u5426\u663e\u793a\u5de5\u5177\u680f\u548c\u6eda\u52a8\u680f
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.open(\u201chttp:\u00a0
61\u00a0\u662f\u5426\u53ef\u4ee5\u7f29\u653e\u65b0\u7a97\u53e3\u7684\u5927\u5c0f
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.open('http:\/\/www.liu21st.com\/'\u00a0,\u00a0'myNewWindow',\u00a0'resizable=yes'\u00a0);<\/script>\u00a0
62\u00a0\u52a0\u8f7d\u4e00\u4e2a\u65b0\u7684\u6587\u6863\u5230\u5f53\u524d\u7a97\u53e3
1:\u00a0<a\u00a0href='#'\u00a0onClick='document.location\u00a0=\u00a0'125a.html';'\u00a0>Open\u00a0New\u00a0Document<\/a>\u00a0
63\u00a0\u8bbe\u7f6e\u9875\u9762\u7684\u6eda\u52a8\u4f4d\u7f6e
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0if\u00a0(document.all)\u00a0{\u00a0\/\/\u5982\u679c\u662fIE\u6d4f\u89c8\u5668\u5219\u4f7f\u7528scrollTop\u5c5e\u6027
3:\u00a0document.body.scrollTop\u00a0=\u00a0200;
4:\u00a0}\u00a0else\u00a0{\u00a0\/\/\u5982\u679c\u662fNetScape\u6d4f\u89c8\u5668\u5219\u4f7f\u7528pageYOffset\u5c5e\u6027
5:\u00a0window.pageYOffset\u00a0=\u00a0200;
6:\u00a0}<\/script>\u00a0
64\u00a0\u5728IE\u4e2d\u6253\u5f00\u5168\u5c4f\u7a97\u53e3
1:\u00a0<a\u00a0href='#'\u00a0onClick=\u201dwindow.open('http:\/\/www.juxta.com\/','newWindow','fullScreen=yes');\u201d>Open\u00a0a\u00a0full-screen\u00a0window<\/a>\u00a0
65\u00a0\u65b0\u7a97\u53e3\u548c\u7236\u7a97\u53e3\u7684\u64cd\u4f5c
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0\/\/\u5b9a\u4e49\u65b0\u7a97\u53e3
3:\u00a0var\u00a0newWindow\u00a0=\u00a0window.open(\u201c128a.html\u201d,\u201dnewWindow\u201d);
4:\u00a0newWindow.close();\u00a0\/\/\u5728\u7236\u7a97\u53e3\u4e2d\u5173\u95ed\u6253\u5f00\u7684\u65b0\u7a97\u53e3
5:\u00a0<\/script>
6:\u00a0\u5728\u65b0\u7a97\u53e3\u4e2d\u5173\u95ed\u7236\u7a97\u53e3
7:\u00a0window.opener.close()\u00a0
66\u00a0\u5f80\u65b0\u7a97\u53e3\u4e2d\u5199\u5185\u5bb9
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0newWindow\u00a0=\u00a0window.open(\u201c\u201d,\u201dnewWindow\u201d);
3:\u00a0newWindow.document.open();
4:\u00a0newWindow.document.write(\u201cThis\u00a0is\u00a0a\u00a0new\u00a0window\u201d);
5:\u00a0newWIndow.document.close();
6:\u00a0<\/script>\u00a0
67\u00a0\u52a0\u8f7d\u9875\u9762\u5230\u6846\u67b6\u9875\u9762
1:\u00a0<frameset\u00a0cols=\u201d50%,*\u201d>
2:\u00a0<frame\u00a0name=\u201dframe1\u201d\u00a0src=\"\/\u201d135a.html\"\u201d>
3:\u00a0<frame\u00a0name=\u201dframe2\u201d\u00a0src=\"\/\u201dabout:blank\"\u201d>
4:\u00a0<\/frameset>
5:\u00a0\u5728frame1\u4e2d\u52a0\u8f7dframe2\u4e2d\u7684\u9875\u9762
6:\u00a0parent.frame2.document.location\u00a0=\u00a0\u201c135b.html\u201d;\u00a0
68\u00a0\u5728\u6846\u67b6\u9875\u9762\u4e4b\u95f4\u5171\u4eab\u811a\u672c
\u5982\u679c\u5728frame1\u4e2dhtml\u6587\u4ef6\u4e2d\u6709\u4e2a\u811a\u672c
1:\u00a0function\u00a0doAlert()\u00a0{\u00a0
2:\u00a0window.alert(\u201cFrame\u00a01\u00a0is\u00a0loaded\u201d);
3:\u00a0}\u00a0
\u90a3\u4e48\u5728frame2\u4e2d\u53ef\u4ee5\u5982\u6b64\u8c03\u7528\u8be5\u65b9\u6cd5
1:\u00a0<body\u00a0onLoad=\u201dparent.frame1.doAlert();\u201d>
2:\u00a0This\u00a0is\u00a0frame\u00a02.
3:\u00a0<\/body>\u00a0
69\u00a0\u6570\u636e\u516c\u7528
\u53ef\u4ee5\u5728\u6846\u67b6\u9875\u9762\u5b9a\u4e49\u6570\u636e\u9879\uff0c\u4f7f\u5f97\u8be5\u6570\u636e\u53ef\u4ee5\u88ab\u591a\u4e2a\u6846\u67b6\u4e2d\u7684\u9875\u9762\u516c\u7528
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0persistentVariable\u00a0=\u00a0\u201cThis\u00a0is\u00a0a\u00a0persistent\u00a0value\u201d;
3:\u00a0<\/script>
4:\u00a0<frameset\u00a0cols=\u201d50%,*\u201d>
5:\u00a0<frame\u00a0name=\u201dframe1\u201d\u00a0src=\"\/\u201d138a.html\"\u201d>
6:\u00a0<frame\u00a0name=\u201dframe2\u201d\u00a0src=\"\/\u201d138b.html\"\u201d>
7:\u00a0<\/frameset>\u00a0
\u8fd9\u6837\u5728frame1\u548cframe2\u4e2d\u90fd\u53ef\u4ee5\u4f7f\u7528\u53d8\u91cfpersistentVariable\u00a0
70\u00a0\u6846\u67b6\u4ee3\u7801\u5e93
\u6839\u636e\u4ee5\u4e0a\u7684\u4e00\u4e9b\u601d\u8def\uff0c\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528\u4e00\u4e2a\u9690\u85cf\u7684\u6846\u67b6\u9875\u9762\u6765\u4f5c\u4e3a\u6574\u4e2a\u6846\u67b6\u96c6\u7684\u4ee3\u7801\u5e93
1:\u00a0<frameset\u00a0cols=\u201d0,50%,*\u201d>
2:\u00a0<frame\u00a0name=\u201dcodeFrame\u201d\u00a0src=\"\/\u201d140code.html\"\u201d>
3:\u00a0<frame\u00a0name=\u201dframe1\u201d\u00a0src=\"\/\u201d140a.html\"\u201d>
4:\u00a0<frame\u00a0name=\u201dframe2\u201d\u00a0src=\"\/\u201d140b.html\"\u201d>
5:\u00a0<\/frameset>\r\n
51\u00a0\u52a8\u6001\u6539\u53d8\u8868\u5355\u7684action
1:\u00a0<form\u00a0name=\u201dmyForm\u201d\u00a0action=\u201dlogin.html\u201d>
2:\u00a0Username:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dusername\u201d><br\/>
3:\u00a0Password:\u00a0<input\u00a0type=\u201dpassword\u201d\u00a0name=\u201dpassword\u201d><br\/>
4:\u00a0<input\u00a0type=\u201dbutton\u201d\u00a0value=\u201dLogin\u201d\u00a0onClick=\u201dthis.form.submit();\u201d>
5:\u00a0<input\u00a0type=\u201dbutton\u201d\u00a0value=\u201dRegister\u201d\u00a0onClick=\u201dthis.form.action\u00a0=\u00a0\u2018register.html';\u00a0this.form.submit();\u201d>
6:\u00a0<input\u00a0type=\u201dbutton\u201d\u00a0value=\u201dRetrieve\u00a0Password\u201d\u00a0onClick=\u201dthis.form.action\u00a0=\u00a0\u2018password.html';\u00a0this.form.submit();\u201d>
7:\u00a0<\/form>\u00a0
52\u00a0\u4f7f\u7528\u56fe\u50cf\u6309\u94ae
1:\u00a0<form\u00a0name=\u201dmyForm\u201d\u00a0action=\u201dlogin.html\u201d>
2:\u00a0Username:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dusername\u201d><br\/>
3:\u00a0Password:\u00a0<input\u00a0type=\u201dpassword\u201dname=\u201dpassword\u201d><br\/>
4:\u00a0<input\u00a0type=\u201dimage\u201d\u00a0src=\"\/\u201dlogin.gif\"\u201d\u00a0value=\u201dLogin\u201d>
5:\u00a0<\/form>
6:\u00a0
53\u00a0\u8868\u5355\u6570\u636e\u7684\u52a0\u5bc6
1:\u00a0<SCRIPT\u00a0LANGUAGE='JavaScript'>
2:\u00a0<!--
3:\u00a0function\u00a0encrypt(item)\u00a0{\u00a0
4:\u00a0var\u00a0newItem\u00a0=\u00a0'';
5:\u00a0for\u00a0(i=0;\u00a0i\u00a0<\u00a0item.length;\u00a0i++)\u00a0{\u00a0
6:\u00a0newItem\u00a0+=\u00a0item.charCodeAt(i)\u00a0+\u00a0'.';
7:\u00a0}
8:\u00a0return\u00a0newItem;
9:\u00a0}
10:\u00a0function\u00a0encryptForm(myForm)\u00a0{\u00a0
11:\u00a0for\u00a0(i=0;\u00a0i\u00a0<\u00a0myForm.elements.length;\u00a0i++)\u00a0{\u00a0
12:\u00a0myForm.elements[i].value\u00a0=\u00a0encrypt(myForm.elements[i].value);
13:\u00a0}
14:\u00a0}
15:\u00a0
16:\u00a0\/\/-->
17:\u00a0<\/SCRIPT>
18:\u00a0<form\u00a0name='myForm'\u00a0onSubmit='encryptForm(this);\u00a0window.alert(this.myField.value);'>
19:\u00a0Enter\u00a0Some\u00a0Text:\u00a0<input\u00a0type=text\u00a0name=myField><input\u00a0type=submit>
20:\u00a0<\/form>\u00a0
JavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b5\uff1a\u7a97\u53e3\u548c\u6846\u67b6\u00a0
54\u00a0\u6539\u53d8\u6d4f\u89c8\u5668\u72b6\u6001\u680f\u6587\u5b57\u63d0\u793a
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.status\u00a0=\u00a0\u201cA\u00a0new\u00a0status\u00a0message\u201d;
3:\u00a0<\/script>\u00a0
55\u00a0\u5f39\u51fa\u786e\u8ba4\u63d0\u793a\u6846
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0userChoice\u00a0=\u00a0window.confirm(\u201cClick\u00a0OK\u00a0or\u00a0Cancel\u201d);
3:\u00a0if\u00a0(userChoice)\u00a0{\u00a0
4:\u00a0document.write(\u201cYou\u00a0chose\u00a0OK\u201d);
5:\u00a0}\u00a0else\u00a0{\u00a0
6:\u00a0document.write(\u201cYou\u00a0chose\u00a0Cancel\u201d);
7:\u00a0}
8:\u00a0<\/script>\u00a0
56\u00a0\u63d0\u793a\u8f93\u5165
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0userName\u00a0=\u00a0window.prompt(\u201cPlease\u00a0Enter\u00a0Your\u00a0Name\u201d,\u201dEnter\u00a0Your\u00a0Name\u00a0Here\u201d);
3:\u00a0document.write(\u201cYour\u00a0Name\u00a0is\u00a0\u201c\u00a0+\u00a0userName);
4:\u00a0<\/script>\u00a0
57\u00a0\u6253\u5f00\u4e00\u4e2a\u65b0\u7a97\u53e3
1:\u00a0\/\/\u6253\u5f00\u4e00\u4e2a\u540d\u79f0\u4e3amyNewWindow\u7684\u6d4f\u89c8\u5668\u65b0\u7a97\u53e3
2:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
3:\u00a0window.open(\u201chttp:\/\/www.liu21st.com\/\u201d,\u201dmyNewWindow\u201d);
4:\u00a0<\/script>\u00a0
58\u00a0\u8bbe\u7f6e\u65b0\u7a97\u53e3\u7684\u5927\u5c0f
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.open(\u201chttp:\/\/www.liu21st.com\/\u201d,\u201dmyNewWindow\u201d,'height=300,width=300');
3:\u00a0<\/script>\u00a0
59\u00a0\u8bbe\u7f6e\u65b0\u7a97\u53e3\u7684\u4f4d\u7f6e
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.open(\u201chttp:\/\/www.liu21st.com\/\u201d,\u201dmyNewWindow\u201d,'height=300,width=300,left=200,screenX=200,top=100,screenY=100');
3:\u00a0<\/script>\u00a0
60\u00a0\u662f\u5426\u663e\u793a\u5de5\u5177\u680f\u548c\u6eda\u52a8\u680f
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.open(\u201chttp:\u00a0
61\u00a0\u662f\u5426\u53ef\u4ee5\u7f29\u653e\u65b0\u7a97\u53e3\u7684\u5927\u5c0f
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.open('http:\/\/www.liu21st.com\/'\u00a0,\u00a0'myNewWindow',\u00a0'resizable=yes'\u00a0);<\/script>\u00a0
62\u00a0\u52a0\u8f7d\u4e00\u4e2a\u65b0\u7684\u6587\u6863\u5230\u5f53\u524d\u7a97\u53e3
1:\u00a0<a\u00a0href='#'\u00a0onClick='document.location\u00a0=\u00a0'125a.html';'\u00a0>Open\u00a0New\u00a0Document<\/a>\u00a0
63\u00a0\u8bbe\u7f6e\u9875\u9762\u7684\u6eda\u52a8\u4f4d\u7f6e
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0if\u00a0(document.all)\u00a0{\u00a0\/\/\u5982\u679c\u662fIE\u6d4f\u89c8\u5668\u5219\u4f7f\u7528scrollTop\u5c5e\u6027
3:\u00a0document.body.scrollTop\u00a0=\u00a0200;
4:\u00a0}\u00a0else\u00a0{\u00a0\/\/\u5982\u679c\u662fNetScape\u6d4f\u89c8\u5668\u5219\u4f7f\u7528pageYOffset\u5c5e\u6027
5:\u00a0window.pageYOffset\u00a0=\u00a0200;
6:\u00a0}<\/script>\u00a0
64\u00a0\u5728IE\u4e2d\u6253\u5f00\u5168\u5c4f\u7a97\u53e3
1:\u00a0<a\u00a0href='#'\u00a0onClick=\u201dwindow.open('http:\/\/www.juxta.com\/','newWindow','fullScreen=yes');\u201d>Open\u00a0a\u00a0full-screen\u00a0window<\/a>\u00a0
65\u00a0\u65b0\u7a97\u53e3\u548c\u7236\u7a97\u53e3\u7684\u64cd\u4f5c
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0\/\/\u5b9a\u4e49\u65b0\u7a97\u53e3
3:\u00a0var\u00a0newWindow\u00a0=\u00a0window.open(\u201c128a.html\u201d,\u201dnewWindow\u201d);
4:\u00a0newWindow.close();\u00a0\/\/\u5728\u7236\u7a97\u53e3\u4e2d\u5173\u95ed\u6253\u5f00\u7684\u65b0\u7a97\u53e3
5:\u00a0<\/script>
6:\u00a0\u5728\u65b0\u7a97\u53e3\u4e2d\u5173\u95ed\u7236\u7a97\u53e3
7:\u00a0window.opener.close()\u00a0
66\u00a0\u5f80\u65b0\u7a97\u53e3\u4e2d\u5199\u5185\u5bb9
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0newWindow\u00a0=\u00a0window.open(\u201c\u201d,\u201dnewWindow\u201d);
3:\u00a0newWindow.document.open();
4:\u00a0newWindow.document.write(\u201cThis\u00a0is\u00a0a\u00a0new\u00a0window\u201d);
5:\u00a0newWIndow.document.close();
6:\u00a0<\/script>\u00a0
67\u00a0\u52a0\u8f7d\u9875\u9762\u5230\u6846\u67b6\u9875\u9762
1:\u00a0<frameset\u00a0cols=\u201d50%,*\u201d>
2:\u00a0<frame\u00a0name=\u201dframe1\u201d\u00a0src=\"\/\u201d135a.html\"\u201d>
3:\u00a0<frame\u00a0name=\u201dframe2\u201d\u00a0src=\"\/\u201dabout:blank\"\u201d>
4:\u00a0<\/frameset>
5:\u00a0\u5728frame1\u4e2d\u52a0\u8f7dframe2\u4e2d\u7684\u9875\u9762
6:\u00a0parent.frame2.document.location\u00a0=\u00a0\u201c135b.html\u201d;\u00a0
68\u00a0\u5728\u6846\u67b6\u9875\u9762\u4e4b\u95f4\u5171\u4eab\u811a\u672c
\u5982\u679c\u5728frame1\u4e2dhtml\u6587\u4ef6\u4e2d\u6709\u4e2a\u811a\u672c
1:\u00a0function\u00a0doAlert()\u00a0{\u00a0
2:\u00a0window.alert(\u201cFrame\u00a01\u00a0is\u00a0loaded\u201d);
3:\u00a0}\u00a0
\u90a3\u4e48\u5728frame2\u4e2d\u53ef\u4ee5\u5982\u6b64\u8c03\u7528\u8be5\u65b9\u6cd5
1:\u00a0<body\u00a0onLoad=\u201dparent.frame1.doAlert();\u201d>
2:\u00a0This\u00a0is\u00a0frame\u00a02.
3:\u00a0<\/body>\u00a0
69\u00a0\u6570\u636e\u516c\u7528
\u53ef\u4ee5\u5728\u6846\u67b6\u9875\u9762\u5b9a\u4e49\u6570\u636e\u9879\uff0c\u4f7f\u5f97\u8be5\u6570\u636e\u53ef\u4ee5\u88ab\u591a\u4e2a\u6846\u67b6\u4e2d\u7684\u9875\u9762\u516c\u7528
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0persistentVariable\u00a0=\u00a0\u201cThis\u00a0is\u00a0a\u00a0persistent\u00a0value\u201d;
3:\u00a0<\/script>
4:\u00a0<frameset\u00a0cols=\u201d50%,*\u201d>
5:\u00a0<frame\u00a0name=\u201dframe1\u201d\u00a0src=\"\/\u201d138a.html\"\u201d>
6:\u00a0<frame\u00a0name=\u201dframe2\u201d\u00a0src=\"\/\u201d138b.html\"\u201d>
7:\u00a0<\/frameset>\u00a0
\u8fd9\u6837\u5728frame1\u548cframe2\u4e2d\u90fd\u53ef\u4ee5\u4f7f\u7528\u53d8\u91cfpersistentVariable\u00a0
70\u00a0\u6846\u67b6\u4ee3\u7801\u5e93
\u6839\u636e\u4ee5\u4e0a\u7684\u4e00\u4e9b\u601d\u8def\uff0c\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528\u4e00\u4e2a\u9690\u85cf\u7684\u6846\u67b6\u9875\u9762\u6765\u4f5c\u4e3a\u6574\u4e2a\u6846\u67b6\u96c6\u7684\u4ee3\u7801\u5e93
1:\u00a0<frameset\u00a0cols=\u201d0,50%,*\u201d>
2:\u00a0<frame\u00a0name=\u201dcodeFrame\u201d\u00a0src=\"\/\u201d140code.html\"\u201d>
3:\u00a0<frame\u00a0name=\u201dframe1\u201d\u00a0src=\"\/\u201d140a.html\"\u201d>
4:\u00a0<frame\u00a0name=\u201dframe2\u201d\u00a0src=\"\/\u201d140b.html\"\u201d>
5:\u00a0<\/frameset>\r\n
\n\u4e0a\u4e00\u9875<\/a>1<\/a>2<\/a>3<\/strong>\u9605\u8bfb\u5168\u6587<\/a>\n<\/div>","2":"
31\u00a0\u8bbe\u7f6e\u65e5\u671f\u8f93\u51fa\u683c\u5f0f
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0thisDate\u00a0=\u00a0new\u00a0Date();
3:\u00a0var\u00a0thisTimeString\u00a0=\u00a0thisDate.getHours()\u00a0+\u00a0\u201c:\u201d\u00a0+\u00a0thisDate.getMinutes();
4:\u00a0var\u00a0thisDateString\u00a0=\u00a0thisDate.getFullYear()\u00a0+\u00a0\u201c\/\u201d\u00a0+\u00a0thisDate.getMonth()\u00a0+\u00a0\u201c\/\u201d\u00a0+\u00a0thisDate.getDate();
5:\u00a0document.write(thisTimeString\u00a0+\u00a0\u201c\u00a0on\u00a0\u201c\u00a0+\u00a0thisDateString);
6:\u00a0<\/script>\u00a0
32\u00a0\u8bfb\u53d6URL\u53c2\u6570
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0urlParts\u00a0=\u00a0document.URL.split(\u201c?\u201d);
3:\u00a0var\u00a0parameterParts\u00a0=\u00a0urlParts[1].split(\u201c&\u201d);
4:\u00a0for\u00a0(i\u00a0=\u00a00;\u00a0i\u00a0<\u00a0parameterParts.length;\u00a0i++)\u00a0{\u00a0
5:\u00a0var\u00a0pairParts\u00a0=\u00a0parameterParts[i].split(\u201c=\u201d);
6:\u00a0var\u00a0pairName\u00a0=\u00a0pairParts[0];
7:\u00a0var\u00a0pairValue\u00a0=\u00a0pairParts[1];
8:\u00a0document.write(pairName\u00a0+\u00a0\u201c\u00a0\uff1a\u201c\u00a0+pairValue\u00a0);
9:\u00a0}
10:\u00a0<\/script>\u00a0
\u4f60\u8fd8\u4ee5\u4e3aHTML\u662f\u65e0\u72b6\u6001\u7684\u4e48\uff1f
33\u00a0\u6253\u5f00\u4e00\u4e2a\u65b0\u7684document\u5bf9\u8c61
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0function\u00a0newDocument()\u00a0{\u00a0
3:\u00a0document.open();
4:\u00a0document.write(\u201c<p>This\u00a0is\u00a0a\u00a0New\u00a0Document.<\/p>\u201d);
5:\u00a0document.close();
6:\u00a0}
7:\u00a0<\/script>\u00a0
34\u00a0\u9875\u9762\u8df3\u8f6c
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.location\u00a0=\u00a0\u201chttp:\/\/www.liu21st.com\/\u201d;
3:\u00a0<\/script>\u00a0
35\u00a0\u6dfb\u52a0\u7f51\u9875\u52a0\u8f7d\u8fdb\u5ea6\u7a97\u53e3
1:\u00a0<html>
2:\u00a0<head>
3:\u00a0<script\u00a0language='javaScript'>
4:\u00a0var\u00a0placeHolder\u00a0=\u00a0window.open('holder.html','placeholder','width=200,height=200');
5:\u00a0<\/script>
6:\u00a0<title>The\u00a0Main\u00a0Page<\/title>
7:\u00a0<\/head>
8:\u00a0<body\u00a0onLoad='placeHolder.close()'>
9:\u00a0<p>This\u00a0is\u00a0the\u00a0main\u00a0page<\/p>
10:\u00a0<\/body>
11:\u00a0<\/html>
JavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b3\uff1a\u56fe\u50cf\u00a0
36\u00a0\u8bfb\u53d6\u56fe\u50cf\u5c5e\u6027
1:\u00a0<img\u00a0src=\"\/\u201dimage1.jpg\"\u201d\u00a0name=\u201dmyImage\u201d>
2:\u00a0<a\u00a0href=\u201d#\u00a0\u201d\u00a0onClick=\u201dwindow.alert(document.myImage.width)\u201d>Width<\/a>
3:\u00a0
37\u00a0\u52a8\u6001\u52a0\u8f7d\u56fe\u50cf
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0myImage\u00a0=\u00a0new\u00a0Image;
3:\u00a0myImage.src\u00a0=\u00a0\u201cTellers1.jpg\u201d;
4:\u00a0<\/script>\u00a0
38\u00a0\u7b80\u5355\u7684\u56fe\u50cf\u66ff\u6362
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0rollImage\u00a0=\u00a0new\u00a0Image;
3:\u00a0rollImage.src\u00a0=\u00a0\u201crollImage1.jpg\u201d;
4:\u00a0defaultImage\u00a0=\u00a0new\u00a0Image;
5:\u00a0defaultImage.src\u00a0=\u00a0\u201cimage1.jpg\u201d;
6:\u00a0<\/script>
7:\u00a0<a\u00a0href=\"\/\u201dmyUrl\"\u201d\u00a0onMouseOver=\u201ddocument.myImage.src\u00a0=\u00a0rollImage.src;\u201d
8:\u00a0onMouseOut=\u201ddocument.myImage.src\u00a0=\u00a0defaultImage.src;\u201d>
9:\u00a0<img\u00a0src=\"\/\u201dimage1.jpg\"\u201d\u00a0name=\u201dmyImage\u201d\u00a0width=100\u00a0height=100\u00a0border=0>\u00a0
39\u00a0\u968f\u673a\u663e\u793a\u56fe\u50cf
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0imageList\u00a0=\u00a0new\u00a0Array;
3:\u00a0imageList[0]\u00a0=\u00a0\u201cimage1.jpg\u201d;
4:\u00a0imageList[1]\u00a0=\u00a0\u201cimage2.jpg\u201d;
5:\u00a0imageList[2]\u00a0=\u00a0\u201cimage3.jpg\u201d;
6:\u00a0imageList[3]\u00a0=\u00a0\u201cimage4.jpg\u201d;
7:\u00a0var\u00a0imageChoice\u00a0=\u00a0Math.floor(Math.random()\u00a0*\u00a0imageList.length);
8:\u00a0document.write(\u2018<img\u00a0src=\u201d'\u00a0+\u00a0imageList[imageChoice]\u00a0+\u00a0\u2018\u201c>');
9:\u00a0<\/script>\u00a0
40\u00a0\u51fd\u6570\u5b9e\u73b0\u7684\u56fe\u50cf\u66ff\u6362
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0source\u00a0=\u00a00;
3:\u00a0var\u00a0replacement\u00a0=\u00a01;
4:\u00a0function\u00a0createRollOver(originalImage,replacementImage)\u00a0{\u00a0
5:\u00a0var\u00a0imageArray\u00a0=\u00a0new\u00a0Array;
6:\u00a0imageArray[source]\u00a0=\u00a0new\u00a0Image;
7:\u00a0imageArray[source].src\u00a0=\u00a0originalImage;
8:\u00a0imageArray[replacement]\u00a0=\u00a0new\u00a0Image;
9:\u00a0imageArray[replacement].src\u00a0=\u00a0replacementImage;
10:\u00a0return\u00a0imageArray;
11:\u00a0}
12:\u00a0var\u00a0rollImage1\u00a0=\u00a0createRollOver(\u201cimage1.jpg\u201d,\u201drollImage1.jpg\u201d);
13:\u00a0<\/script>
14:\u00a0<a\u00a0href=\u201d#\u201d\u00a0onMouseOver=\u201ddocument.myImage1.src\u00a0=\u00a0rollImage1[replacement].src;\u201d
15:\u00a0onMouseOut=\u201ddocument.myImage1.src\u00a0=\u00a0rollImage1[source].src;\u201d>
16:\u00a0<img\u00a0src=\"\/\u201dimage1.jpg\"\u201d\u00a0width=100\u00a0name=\u201dmyImage1\u201d\u00a0border=0>
17:\u00a0<\/a>\u00a0
41\u00a0\u521b\u5efa\u5e7b\u706f\u7247
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0imageList\u00a0=\u00a0new\u00a0Array;
3:\u00a0imageList[0]\u00a0=\u00a0new\u00a0Image;
4:\u00a0imageList[0].src\u00a0=\u00a0\u201cimage1.jpg\u201d;
5:\u00a0imageList[1]\u00a0=\u00a0new\u00a0Image;
6:\u00a0imageList[1].src\u00a0=\u00a0\u201cimage2.jpg\u201d;
7:\u00a0imageList[2]\u00a0=\u00a0new\u00a0Image;
8:\u00a0imageList[2].src\u00a0=\u00a0\u201cimage3.jpg\u201d;
9:\u00a0imageList[3]\u00a0=\u00a0new\u00a0Image;
10:\u00a0imageList[3].src\u00a0=\u00a0\u201cimage4.jpg\u201d;
11:\u00a0function\u00a0slideShow(imageNumber)\u00a0{\u00a0
12:\u00a0document.slideShow.src\u00a0=\u00a0imageList[imageNumber].src;
13:\u00a0imageNumber\u00a0+=\u00a01;
14:\u00a0if\u00a0(imageNumber\u00a0<\u00a0imageList.length)\u00a0{\u00a0
15:\u00a0window.setTimeout(\u201cslideShow(\u201c\u00a0+\u00a0imageNumber\u00a0+\u00a0\u201c)\u201d,3000);
16:\u00a0}
17:\u00a0}
18:\u00a0<\/script>
19:\u00a0<\/head>
20:\u00a0<body\u00a0onLoad=\u201dslideShow(0)\u201d>
21:\u00a0<img\u00a0src=\"\/\u201dimage1.jpg\"\u201d\u00a0width=100\u00a0name=\u201dslideShow\u201d>\u00a0
42\u00a0\u968f\u673a\u5e7f\u544a\u56fe\u7247
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0imageList\u00a0=\u00a0new\u00a0Array;
3:\u00a0imageList[0]\u00a0=\u00a0\u201cimage1.jpg\u201d;
4:\u00a0imageList[1]\u00a0=\u00a0\u201cimage2.jpg\u201d;
5:\u00a0imageList[2]\u00a0=\u00a0\u201cimage3.jpg\u201d;
6:\u00a0imageList[3]\u00a0=\u00a0\u201cimage4.jpg\u201d;
7:\u00a0var\u00a0urlList\u00a0=\u00a0new\u00a0Array;
8:\u00a0urlList[0]\u00a0=\u00a0\u201chttp:\/\/some.host\/\u201d;
9:\u00a0urlList[1]\u00a0=\u00a0\u201chttp:\/\/another.host\/\u201d;
10:\u00a0urlList[2]\u00a0=\u00a0\u201chttp:\/\/somewhere.else\/\u201d;
11:\u00a0urlList[3]\u00a0=\u00a0\u201chttp:\/\/right.here\/\u201d;
12:\u00a0var\u00a0imageChoice\u00a0=\u00a0Math.floor(Math.random()\u00a0*\u00a0imageList.length);
13:\u00a0document.write(\u2018<a\u00a0href=\u201d'\u00a0+\u00a0urlList[imageChoice]\u00a0+\u00a0\u2018\u201c><img\u00a0src=\u201d'\u00a0+\u00a0imageList[imageChoice]\u00a0+\u00a0\u2018\u201c><\/a>');
14:\u00a0<\/script>\u00a0
JavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b4\uff1a\u8868\u5355\u00a0
\u8fd8\u662f\u5148\u7ee7\u7eed\u5199\u5b8cJS\u5c31\u8fd9\u4e48\u56de\u4e8b\u7cfb\u5217\u5427\uff5e
43\u00a0\u8868\u5355\u6784\u6210
1:\u00a0<form\u00a0method=\u201dpost\u201d\u00a0action=\u201dtarget.html\u201d\u00a0name=\u201dthisForm\u201d>
2:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyText\u201d>
3:\u00a0<select\u00a0name=\u201dmySelect\u201d>
4:\u00a0<option\u00a0value=\u201d1\u201d>First\u00a0Choice<\/option>
5:\u00a0<option\u00a0value=\u201d2\u201d>Second\u00a0Choice<\/option>
6:\u00a0<\/select>
7:\u00a0<br\/>
8:\u00a0<input\u00a0type=\u201dsubmit\u201d\u00a0value=\u201dSubmit\u00a0Me\u201d>
9:\u00a0<\/form>\u00a0
44\u00a0\u8bbf\u95ee\u8868\u5355\u4e2d\u7684\u6587\u672c\u6846\u5185\u5bb9
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyText\u201d>
3:\u00a0<\/form>
4:\u00a0<a\u00a0href='#'\u00a0onClick='window.alert(document.myForm.myText.value);'>Check\u00a0Text\u00a0Field<\/a>\u00a0
45\u00a0\u52a8\u6001\u590d\u5236\u6587\u672c\u6846\u5185\u5bb9
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0Enter\u00a0some\u00a0Text:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyText\u201d><br\/>
3:\u00a0Copy\u00a0Text:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dcopyText\u201d>
4:\u00a0<\/form>
5:\u00a0<a\u00a0href=\u201d#\u201d\u00a0onClick=\u201ddocument.myForm.copyText.value\u00a0=
6:\u00a0document.myForm.myText.value;\u201d>Copy\u00a0Text\u00a0Field<\/a>\u00a0
46\u00a0\u4fa6\u6d4b\u6587\u672c\u6846\u7684\u53d8\u5316
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0Enter\u00a0some\u00a0Text:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyText\u201d\u00a0onChange=\u201dalert(this.value);\u201d>
3:\u00a0<\/form>\u00a0
47\u00a0\u8bbf\u95ee\u9009\u4e2d\u7684Select
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0<select\u00a0name=\u201dmySelect\u201d>
3:\u00a0<option\u00a0value=\u201dFirst\u00a0Choice\u201d>1<\/option>
4:\u00a0<option\u00a0value=\u201dSecond\u00a0Choice\u201d>2<\/option>
5:\u00a0<option\u00a0value=\u201dThird\u00a0Choice\u201d>3<\/option>
6:\u00a0<\/select>
7:\u00a0<\/form>
8:\u00a0<a\u00a0href='#'\u00a0onClick='alert(document.myForm.mySelect.value);'>Check\u00a0Selection\u00a0List<\/a>\u00a0
48\u00a0\u52a8\u6001\u589e\u52a0Select\u9879
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0<select\u00a0name=\u201dmySelect\u201d>
3:\u00a0<option\u00a0value=\u201dFirst\u00a0Choice\u201d>1<\/option>
4:\u00a0<option\u00a0value=\u201dSecond\u00a0Choice\u201d>2<\/option>
5:\u00a0<\/select>
6:\u00a0<\/form>
7:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
8:\u00a0document.myForm.mySelect.length++;
9:\u00a0document.myForm.mySelect.options[document.myForm.mySelect.length\u00a0-\u00a01].text\u00a0=\u00a0\u201c3\u201d;
10:\u00a0document.myForm.mySelect.options[document.myForm.mySelect.length\u00a0-\u00a01].value\u00a0=\u00a0\u201cThird\u00a0Choice\u201d;
11:\u00a0<\/script>\u00a0
49\u00a0\u9a8c\u8bc1\u8868\u5355\u5b57\u6bb5
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0function\u00a0checkField(field)\u00a0{\u00a0
3:\u00a0if\u00a0(field.value\u00a0==\u00a0\u201c\u201d)\u00a0{\u00a0
4:\u00a0window.alert(\u201cYou\u00a0must\u00a0enter\u00a0a\u00a0value\u00a0in\u00a0the\u00a0field\u201d);
5:\u00a0field.focus();
6:\u00a0}
7:\u00a0}
8:\u00a0<\/script>
9:\u00a0<form\u00a0name=\u201dmyForm\u201d\u00a0action=\u201dtarget.html\u201d>
10:\u00a0Text\u00a0Field:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyField\u201donBlur=\u201dcheckField(this)\u201d>
11:\u00a0<br\/><input\u00a0type=\u201dsubmit\u201d>
12:\u00a0<\/form>\u00a0
50\u00a0\u9a8c\u8bc1Select\u9879
1:\u00a0function\u00a0checkList(selection)\u00a0{\u00a0
2:\u00a0if\u00a0(selection.length\u00a0==\u00a00)\u00a0{\u00a0
3:\u00a0window.alert(\u201cYou\u00a0must\u00a0make\u00a0a\u00a0selection\u00a0from\u00a0the\u00a0list.\u201d);
4:\u00a0return\u00a0false;
5:\u00a0}
6:\u00a0return\u00a0true;
7:\u00a0}
31\u00a0\u8bbe\u7f6e\u65e5\u671f\u8f93\u51fa\u683c\u5f0f
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0thisDate\u00a0=\u00a0new\u00a0Date();
3:\u00a0var\u00a0thisTimeString\u00a0=\u00a0thisDate.getHours()\u00a0+\u00a0\u201c:\u201d\u00a0+\u00a0thisDate.getMinutes();
4:\u00a0var\u00a0thisDateString\u00a0=\u00a0thisDate.getFullYear()\u00a0+\u00a0\u201c\/\u201d\u00a0+\u00a0thisDate.getMonth()\u00a0+\u00a0\u201c\/\u201d\u00a0+\u00a0thisDate.getDate();
5:\u00a0document.write(thisTimeString\u00a0+\u00a0\u201c\u00a0on\u00a0\u201c\u00a0+\u00a0thisDateString);
6:\u00a0<\/script>\u00a0
32\u00a0\u8bfb\u53d6URL\u53c2\u6570
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0urlParts\u00a0=\u00a0document.URL.split(\u201c?\u201d);
3:\u00a0var\u00a0parameterParts\u00a0=\u00a0urlParts[1].split(\u201c&\u201d);
4:\u00a0for\u00a0(i\u00a0=\u00a00;\u00a0i\u00a0<\u00a0parameterParts.length;\u00a0i++)\u00a0{\u00a0
5:\u00a0var\u00a0pairParts\u00a0=\u00a0parameterParts[i].split(\u201c=\u201d);
6:\u00a0var\u00a0pairName\u00a0=\u00a0pairParts[0];
7:\u00a0var\u00a0pairValue\u00a0=\u00a0pairParts[1];
8:\u00a0document.write(pairName\u00a0+\u00a0\u201c\u00a0\uff1a\u201c\u00a0+pairValue\u00a0);
9:\u00a0}
10:\u00a0<\/script>\u00a0
\u4f60\u8fd8\u4ee5\u4e3aHTML\u662f\u65e0\u72b6\u6001\u7684\u4e48\uff1f
33\u00a0\u6253\u5f00\u4e00\u4e2a\u65b0\u7684document\u5bf9\u8c61
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0function\u00a0newDocument()\u00a0{\u00a0
3:\u00a0document.open();
4:\u00a0document.write(\u201c<p>This\u00a0is\u00a0a\u00a0New\u00a0Document.<\/p>\u201d);
5:\u00a0document.close();
6:\u00a0}
7:\u00a0<\/script>\u00a0
34\u00a0\u9875\u9762\u8df3\u8f6c
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0window.location\u00a0=\u00a0\u201chttp:\/\/www.liu21st.com\/\u201d;
3:\u00a0<\/script>\u00a0
35\u00a0\u6dfb\u52a0\u7f51\u9875\u52a0\u8f7d\u8fdb\u5ea6\u7a97\u53e3
1:\u00a0<html>
2:\u00a0<head>
3:\u00a0<script\u00a0language='javaScript'>
4:\u00a0var\u00a0placeHolder\u00a0=\u00a0window.open('holder.html','placeholder','width=200,height=200');
5:\u00a0<\/script>
6:\u00a0<title>The\u00a0Main\u00a0Page<\/title>
7:\u00a0<\/head>
8:\u00a0<body\u00a0onLoad='placeHolder.close()'>
9:\u00a0<p>This\u00a0is\u00a0the\u00a0main\u00a0page<\/p>
10:\u00a0<\/body>
11:\u00a0<\/html>
JavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b3\uff1a\u56fe\u50cf\u00a0
36\u00a0\u8bfb\u53d6\u56fe\u50cf\u5c5e\u6027
1:\u00a0<img\u00a0src=\"\/\u201dimage1.jpg\"\u201d\u00a0name=\u201dmyImage\u201d>
2:\u00a0<a\u00a0href=\u201d#\u00a0\u201d\u00a0onClick=\u201dwindow.alert(document.myImage.width)\u201d>Width<\/a>
3:\u00a0
37\u00a0\u52a8\u6001\u52a0\u8f7d\u56fe\u50cf
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0myImage\u00a0=\u00a0new\u00a0Image;
3:\u00a0myImage.src\u00a0=\u00a0\u201cTellers1.jpg\u201d;
4:\u00a0<\/script>\u00a0
38\u00a0\u7b80\u5355\u7684\u56fe\u50cf\u66ff\u6362
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0rollImage\u00a0=\u00a0new\u00a0Image;
3:\u00a0rollImage.src\u00a0=\u00a0\u201crollImage1.jpg\u201d;
4:\u00a0defaultImage\u00a0=\u00a0new\u00a0Image;
5:\u00a0defaultImage.src\u00a0=\u00a0\u201cimage1.jpg\u201d;
6:\u00a0<\/script>
7:\u00a0<a\u00a0href=\"\/\u201dmyUrl\"\u201d\u00a0onMouseOver=\u201ddocument.myImage.src\u00a0=\u00a0rollImage.src;\u201d
8:\u00a0onMouseOut=\u201ddocument.myImage.src\u00a0=\u00a0defaultImage.src;\u201d>
9:\u00a0<img\u00a0src=\"\/\u201dimage1.jpg\"\u201d\u00a0name=\u201dmyImage\u201d\u00a0width=100\u00a0height=100\u00a0border=0>\u00a0
39\u00a0\u968f\u673a\u663e\u793a\u56fe\u50cf
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0imageList\u00a0=\u00a0new\u00a0Array;
3:\u00a0imageList[0]\u00a0=\u00a0\u201cimage1.jpg\u201d;
4:\u00a0imageList[1]\u00a0=\u00a0\u201cimage2.jpg\u201d;
5:\u00a0imageList[2]\u00a0=\u00a0\u201cimage3.jpg\u201d;
6:\u00a0imageList[3]\u00a0=\u00a0\u201cimage4.jpg\u201d;
7:\u00a0var\u00a0imageChoice\u00a0=\u00a0Math.floor(Math.random()\u00a0*\u00a0imageList.length);
8:\u00a0document.write(\u2018<img\u00a0src=\u201d'\u00a0+\u00a0imageList[imageChoice]\u00a0+\u00a0\u2018\u201c>');
9:\u00a0<\/script>\u00a0
40\u00a0\u51fd\u6570\u5b9e\u73b0\u7684\u56fe\u50cf\u66ff\u6362
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0source\u00a0=\u00a00;
3:\u00a0var\u00a0replacement\u00a0=\u00a01;
4:\u00a0function\u00a0createRollOver(originalImage,replacementImage)\u00a0{\u00a0
5:\u00a0var\u00a0imageArray\u00a0=\u00a0new\u00a0Array;
6:\u00a0imageArray[source]\u00a0=\u00a0new\u00a0Image;
7:\u00a0imageArray[source].src\u00a0=\u00a0originalImage;
8:\u00a0imageArray[replacement]\u00a0=\u00a0new\u00a0Image;
9:\u00a0imageArray[replacement].src\u00a0=\u00a0replacementImage;
10:\u00a0return\u00a0imageArray;
11:\u00a0}
12:\u00a0var\u00a0rollImage1\u00a0=\u00a0createRollOver(\u201cimage1.jpg\u201d,\u201drollImage1.jpg\u201d);
13:\u00a0<\/script>
14:\u00a0<a\u00a0href=\u201d#\u201d\u00a0onMouseOver=\u201ddocument.myImage1.src\u00a0=\u00a0rollImage1[replacement].src;\u201d
15:\u00a0onMouseOut=\u201ddocument.myImage1.src\u00a0=\u00a0rollImage1[source].src;\u201d>
16:\u00a0<img\u00a0src=\"\/\u201dimage1.jpg\"\u201d\u00a0width=100\u00a0name=\u201dmyImage1\u201d\u00a0border=0>
17:\u00a0<\/a>\u00a0
41\u00a0\u521b\u5efa\u5e7b\u706f\u7247
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0imageList\u00a0=\u00a0new\u00a0Array;
3:\u00a0imageList[0]\u00a0=\u00a0new\u00a0Image;
4:\u00a0imageList[0].src\u00a0=\u00a0\u201cimage1.jpg\u201d;
5:\u00a0imageList[1]\u00a0=\u00a0new\u00a0Image;
6:\u00a0imageList[1].src\u00a0=\u00a0\u201cimage2.jpg\u201d;
7:\u00a0imageList[2]\u00a0=\u00a0new\u00a0Image;
8:\u00a0imageList[2].src\u00a0=\u00a0\u201cimage3.jpg\u201d;
9:\u00a0imageList[3]\u00a0=\u00a0new\u00a0Image;
10:\u00a0imageList[3].src\u00a0=\u00a0\u201cimage4.jpg\u201d;
11:\u00a0function\u00a0slideShow(imageNumber)\u00a0{\u00a0
12:\u00a0document.slideShow.src\u00a0=\u00a0imageList[imageNumber].src;
13:\u00a0imageNumber\u00a0+=\u00a01;
14:\u00a0if\u00a0(imageNumber\u00a0<\u00a0imageList.length)\u00a0{\u00a0
15:\u00a0window.setTimeout(\u201cslideShow(\u201c\u00a0+\u00a0imageNumber\u00a0+\u00a0\u201c)\u201d,3000);
16:\u00a0}
17:\u00a0}
18:\u00a0<\/script>
19:\u00a0<\/head>
20:\u00a0<body\u00a0onLoad=\u201dslideShow(0)\u201d>
21:\u00a0<img\u00a0src=\"\/\u201dimage1.jpg\"\u201d\u00a0width=100\u00a0name=\u201dslideShow\u201d>\u00a0
42\u00a0\u968f\u673a\u5e7f\u544a\u56fe\u7247
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0var\u00a0imageList\u00a0=\u00a0new\u00a0Array;
3:\u00a0imageList[0]\u00a0=\u00a0\u201cimage1.jpg\u201d;
4:\u00a0imageList[1]\u00a0=\u00a0\u201cimage2.jpg\u201d;
5:\u00a0imageList[2]\u00a0=\u00a0\u201cimage3.jpg\u201d;
6:\u00a0imageList[3]\u00a0=\u00a0\u201cimage4.jpg\u201d;
7:\u00a0var\u00a0urlList\u00a0=\u00a0new\u00a0Array;
8:\u00a0urlList[0]\u00a0=\u00a0\u201chttp:\/\/some.host\/\u201d;
9:\u00a0urlList[1]\u00a0=\u00a0\u201chttp:\/\/another.host\/\u201d;
10:\u00a0urlList[2]\u00a0=\u00a0\u201chttp:\/\/somewhere.else\/\u201d;
11:\u00a0urlList[3]\u00a0=\u00a0\u201chttp:\/\/right.here\/\u201d;
12:\u00a0var\u00a0imageChoice\u00a0=\u00a0Math.floor(Math.random()\u00a0*\u00a0imageList.length);
13:\u00a0document.write(\u2018<a\u00a0href=\u201d'\u00a0+\u00a0urlList[imageChoice]\u00a0+\u00a0\u2018\u201c><img\u00a0src=\u201d'\u00a0+\u00a0imageList[imageChoice]\u00a0+\u00a0\u2018\u201c><\/a>');
14:\u00a0<\/script>\u00a0
JavaScript\u5c31\u8fd9\u4e48\u56de\u4e8b4\uff1a\u8868\u5355\u00a0
\u8fd8\u662f\u5148\u7ee7\u7eed\u5199\u5b8cJS\u5c31\u8fd9\u4e48\u56de\u4e8b\u7cfb\u5217\u5427\uff5e
43\u00a0\u8868\u5355\u6784\u6210
1:\u00a0<form\u00a0method=\u201dpost\u201d\u00a0action=\u201dtarget.html\u201d\u00a0name=\u201dthisForm\u201d>
2:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyText\u201d>
3:\u00a0<select\u00a0name=\u201dmySelect\u201d>
4:\u00a0<option\u00a0value=\u201d1\u201d>First\u00a0Choice<\/option>
5:\u00a0<option\u00a0value=\u201d2\u201d>Second\u00a0Choice<\/option>
6:\u00a0<\/select>
7:\u00a0<br\/>
8:\u00a0<input\u00a0type=\u201dsubmit\u201d\u00a0value=\u201dSubmit\u00a0Me\u201d>
9:\u00a0<\/form>\u00a0
44\u00a0\u8bbf\u95ee\u8868\u5355\u4e2d\u7684\u6587\u672c\u6846\u5185\u5bb9
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyText\u201d>
3:\u00a0<\/form>
4:\u00a0<a\u00a0href='#'\u00a0onClick='window.alert(document.myForm.myText.value);'>Check\u00a0Text\u00a0Field<\/a>\u00a0
45\u00a0\u52a8\u6001\u590d\u5236\u6587\u672c\u6846\u5185\u5bb9
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0Enter\u00a0some\u00a0Text:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyText\u201d><br\/>
3:\u00a0Copy\u00a0Text:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dcopyText\u201d>
4:\u00a0<\/form>
5:\u00a0<a\u00a0href=\u201d#\u201d\u00a0onClick=\u201ddocument.myForm.copyText.value\u00a0=
6:\u00a0document.myForm.myText.value;\u201d>Copy\u00a0Text\u00a0Field<\/a>\u00a0
46\u00a0\u4fa6\u6d4b\u6587\u672c\u6846\u7684\u53d8\u5316
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0Enter\u00a0some\u00a0Text:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyText\u201d\u00a0onChange=\u201dalert(this.value);\u201d>
3:\u00a0<\/form>\u00a0
47\u00a0\u8bbf\u95ee\u9009\u4e2d\u7684Select
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0<select\u00a0name=\u201dmySelect\u201d>
3:\u00a0<option\u00a0value=\u201dFirst\u00a0Choice\u201d>1<\/option>
4:\u00a0<option\u00a0value=\u201dSecond\u00a0Choice\u201d>2<\/option>
5:\u00a0<option\u00a0value=\u201dThird\u00a0Choice\u201d>3<\/option>
6:\u00a0<\/select>
7:\u00a0<\/form>
8:\u00a0<a\u00a0href='#'\u00a0onClick='alert(document.myForm.mySelect.value);'>Check\u00a0Selection\u00a0List<\/a>\u00a0
48\u00a0\u52a8\u6001\u589e\u52a0Select\u9879
1:\u00a0<form\u00a0name=\u201dmyForm\u201d>
2:\u00a0<select\u00a0name=\u201dmySelect\u201d>
3:\u00a0<option\u00a0value=\u201dFirst\u00a0Choice\u201d>1<\/option>
4:\u00a0<option\u00a0value=\u201dSecond\u00a0Choice\u201d>2<\/option>
5:\u00a0<\/select>
6:\u00a0<\/form>
7:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
8:\u00a0document.myForm.mySelect.length++;
9:\u00a0document.myForm.mySelect.options[document.myForm.mySelect.length\u00a0-\u00a01].text\u00a0=\u00a0\u201c3\u201d;
10:\u00a0document.myForm.mySelect.options[document.myForm.mySelect.length\u00a0-\u00a01].value\u00a0=\u00a0\u201cThird\u00a0Choice\u201d;
11:\u00a0<\/script>\u00a0
49\u00a0\u9a8c\u8bc1\u8868\u5355\u5b57\u6bb5
1:\u00a0<script\u00a0language=\u201dJavaScript\u201d>
2:\u00a0function\u00a0checkField(field)\u00a0{\u00a0
3:\u00a0if\u00a0(field.value\u00a0==\u00a0\u201c\u201d)\u00a0{\u00a0
4:\u00a0window.alert(\u201cYou\u00a0must\u00a0enter\u00a0a\u00a0value\u00a0in\u00a0the\u00a0field\u201d);
5:\u00a0field.focus();
6:\u00a0}
7:\u00a0}
8:\u00a0<\/script>
9:\u00a0<form\u00a0name=\u201dmyForm\u201d\u00a0action=\u201dtarget.html\u201d>
10:\u00a0Text\u00a0Field:\u00a0<input\u00a0type=\u201dtext\u201d\u00a0name=\u201dmyField\u201donBlur=\u201dcheckField(this)\u201d>
11:\u00a0<br\/><input\u00a0type=\u201dsubmit\u201d>
12:\u00a0<\/form>\u00a0
50\u00a0\u9a8c\u8bc1Select\u9879
1:\u00a0function\u00a0checkList(selection)\u00a0{\u00a0
2:\u00a0if\u00a0(selection.length\u00a0==\u00a00)\u00a0{\u00a0
3:\u00a0window.alert(\u201cYou\u00a0must\u00a0make\u00a0a\u00a0selection\u00a0from\u00a0the\u00a0list.\u201d);
4:\u00a0return\u00a0false;
5:\u00a0}
6:\u00a0return\u00a0true;
7:\u00a0}