普通旅客在航班时刻表等民航宣传品上看到的机型栏目所列机型可能并不是我们常见的机型名称，而是一些你可能不明白代码，在民航内部的航行通告、动态传递中机型也经常使用一些代码表示，这些代码实际上不是随意编写的，而是国际民航组织规定的飞机型号代码，下面就列举部分常见的、在我国空域可能出现的民航机型型号代码，更多请访问国际民航组织相关页面
资料说明：
飞机型号代码：
1.飞机型号代码由不超过四位的数字、字母组成，尽量代表出飞机的制造厂商、型号等资料，易用被空中管制判读信息，原则上是从飞机的具体型号上抽取而来。
2.飞机型号代码一经指定，不在更改，即使生产该型号飞机的制造厂商更名、变更所有权
3.某飞机机型的具体型号原则上不再指定新的代码，除非这个改进型号的性能变化较大，按原有标准判读会影响到空中管制
4.“ZZZZ”：特殊代码，表示该机型尚未指定代码
5.国际民航组织建议的轻型、中型、重型飞机划分标准，是在航空管制方面很重要的标准，涉及到飞机尾流对后续飞机的影响，直接关系到航空安全
轻型飞机（L：Light）：按相关程序批准的飞机型号合格证上，最大起飞重量7吨或以下
中型飞机（M：Medium）：按相关程序批准的飞机型号合格证上，最大起飞重量7吨以上，136吨以下
重型飞机（H：Heavy）：按相关程序批准的飞机型号合格证上，最大起飞重量136吨或以上
型号代码 具体型号 参考译名 机型特点简介 制造商代码 备注（本站相关）
AN12 An-12 安12 四发涡桨中型 ANTONOV
AN22 An-22 /Antheus 安22 四发涡桨重型 ANTONOV
AN24 An-24 安24 双发涡桨中型 ANTONOV
AN24 Y-7系列、MA60 运7/新舟60 双发涡桨中型 XIAN
AN32 An-32 /Sutlej/Firekiller 安32 双发涡桨中型 ANTONOV
AN70 An-70 安70 四发涡桨中型 ANTONOV
AN72 An-72/74 安72/74 双发涡扇中型 ANTONOV
A124 An-124 /Ruslan 安124 四发涡扇重型 ANTONOV
A140 An-140 安140 双发涡扇中型 ANTONOV
A225 An-225 /Mriya 安225 六发涡扇重型 ANTONOV
AT43 ATR42-300系列 双发涡桨中型 AI(R)
AT44 ATR42-400 双发涡桨中型 AI(R)
AT45 ATR42-500 双发涡桨中型 AI(R)
AT72 ATR72 双发涡桨中型 AI(R)
A30B A-300B2系列、C4-100 空中客车 双发涡扇重型 AIRBUS
A30B A-300B4-100/200 双发涡扇重型 AIRBUS
A3ST A-300ST Beluga 双发涡扇重型 AIRBUS
A3ST A-300ST Super Transporter 双发涡扇重型 AIRBUS
A306 A-300B4/C4/F4-600 双发涡扇重型 AIRBUS
A310 A-310系列 双发涡扇重型 AIRBUS
A318 A-318 双发涡扇中型 AIRBUS
A319 A-319、A-319 ACJ 双发涡扇中型 AIRBUS
A320 A-320 双发涡扇中型 AIRBUS
A321 A-321 双发涡扇中型 AIRBUS
A332 A-330-200 双发涡扇重型 AIRBUS
A333 A-330-300 双发涡扇重型 AIRBUS
A342 A-340-200 四发涡扇重型 AIRBUS
A343 A-340-300 四发涡扇重型 AIRBUS
A345 A-340-500 四发涡扇重型 AIRBUS
A346 A-340-600 四发涡扇重型 AIRBUS
B190 Beech 19000 比奇 双发涡桨中型 BEECH
BE10 Beech 100 King Air 空中国王 双发涡桨轻型 BEECH
BE20 Beech 200 Super King Air 双发涡桨轻型 BEECH
BE30 Beech 300 Super King Air 双发涡桨轻型 BEECH
B350 Beech Super King Air 350 双发涡桨轻型 BEECH
BE99 Beech 99/ Airliner 双发涡桨轻型 BEECH
B212 Bell Anafa/212 贝尔 双发涡桨直升机 BELL
B412 Bell Arapaho/412 Sentinel 双发涡桨直升机 BELL
B214 Bell 214A/B/C 双发涡桨直升机 BELL
B461 BAe-146-100 四发涡扇中型 BRITISH AEROSPACE
B462 BAe-146-200 四发涡扇中型 BRITISH AEROSPACE
B463 BAe-146-300 四发涡扇中型 BRITISH AEROSPACE
B701 707-100 波音 四发涡扇中型 BOEING
B703 707-300 四发涡扇重型 BOEING
B722 727-200 三发涡扇中型 BOEING
B712 717-200 双发涡扇中型 BOEING
B731 737-100 双发涡扇中型 BOEING
B732 737-200/200Surveiller 双发涡扇中型 BOEING
B733 737-300 双发涡扇中型 BOEING
B734 737-400 双发涡扇中型 BOEING
B735 737-500 双发涡扇中型 BOEING
B736 737-600 双发涡扇中型 BOEING
B737 737-700/BBJ、BBJ 双发涡扇中型 BOEING
B738 737-800、BBJ2 双发涡扇中型 BOEING
B739 737-900 双发涡扇中型 BOEING
B741 747-100 四发涡扇重型 BOEING
B742 747-200 四发涡扇重型 BOEING
B743 747-300 四发涡扇重型 BOEING
B744 747-400 (international) 四发涡扇重型 BOEING
B74D 747-400 (domestic) 四发涡扇重型 BOEING
B74S 747SP 四发涡扇重型 BOEING
B74R 747SR 四发涡扇重型 BOEING
BSCA 747SCA Shuttle Carrier 四发涡扇重型 BOEING
B752 757-200 双发涡扇中型 BOEING
B753 757-300 双发涡扇中型 BOEING
B762 767-200 双发涡扇重型 BOEING
B763 767-300 双发涡扇重型 BOEING
B764 767-400 双发涡扇重型 BOEING
B772 777-200 双发涡扇重型 BOEING
B773 777-300 双发涡扇重型 BOEING
C120 Cessna 120 塞斯纳 单发活塞轻型 CESSNA
C150 Cessna A150 Aerobat 单发活塞轻型 CESSNA
C172 Cessna 172/172 Skyhawk 单发活塞轻型 CESSNA
C182 Cessna Skylane 单发活塞轻型 CESSNA
C82R Cessna Skylane RG 单发活塞轻型 CESSNA
C208 Cessna 208 Cargomaster 单发活塞轻型 CESSNA
C525 Cessna CitationJet (525)/CJ1 双发涡扇轻型 CESSNA
C25A Cessna Citation CJ2 双发涡扇轻型 CESSNA
C560 Cessna Citation 5 Ultra Encore 双发涡扇中型 CESSNA
C550 Cessna Citation S2 双发涡扇轻型 CESSNA
C56X Cessna Citation Excel 双发涡扇中型 CESSNA
C650 Cessna Citation 6/7 双发涡扇中型 CESSNA
C750 Cessna Citation 10 双发涡扇中型 CESSNA
CL60 Challenger 600/601/604 双发涡扇中型 CANADAIR
CRJ1 Regional Jet RJ-100 双发涡扇中型 CANADAIR
CRJ2 Regional Jet CRJ-200 双发涡扇中型 CANADAIR
CRJ7 Regional Jet CRJ-700 双发涡扇中型 CANADAIR
CRJ9 Regional Jet CRJ-900 双发涡扇中型 CANADAIR
D228 Dornier 228 双发涡桨轻型 DORNIER
D328 Dornier 328 双发涡桨中型 DORNIER
DC10 DC-10 三发涡扇重型 MCDONNELL DOUGLAS
DC85 DC-8-50 Jet Trader 四发涡扇轻型 DOUGLAS
DC91 DC-9-10 双发涡扇中型 DOUGLAS
DC93 DC-9-30 双发涡扇中型 DOUGLAS
DHC4 DHC-4 /CV-2Caribou 双发活塞中型 DE HAVILLAND CANADA
DHC5 C-115 /CV-7Buffalo 双发涡桨中型 DE HAVILLAND CANADA
DHC6 DHC-6/C-138 Twin Otter 双发涡桨中型 DE HAVILLAND CANADA
DHC7 Dash 7 四发涡桨中型 DE HAVILLAND CANADA
DH8A DHC-8-100/Dash 8 双发涡桨中型 DE HAVILLAND CANADA
DH8B DHC-8-200/Dash 8 双发涡桨中型 DE HAVILLAND CANADA
DH8C DHC-8-300/Dash 8 双发涡桨中型 DE HAVILLAND CANADA
DH8D DHC-8-400/Dash 8 双发涡桨中型 DE HAVILLAND CANADA
E110 EMB-110 Bandeirante 双发涡桨轻型 EMBRAER
E120 EMB-120 Brasilia 双发涡桨中型 EMBRAER
E135 EMB-135 双发涡扇中型 EMBRAER
E145 EMB-145AEWC/LR/ER 双发涡扇中型 EMBRAER
E45X EMB-145XR 双发涡扇中型 EMBRAER
E170 ERJ-170/175 双发涡扇中型 EMBRAER
E190 ERJ-190/195 双发涡扇中型 EMBRAER
FA10 Falcon 10 双发涡扇中型 DASSAULT
FA20 Falcon 20 双发涡扇中型 DASSAULT
FA50 Falcon 50 三发涡扇中型 DASSAULT
F900 Falcon 900 三发涡扇中型 DASSAULT
F2TH Falcon 2000 双发涡扇中型 DASSAULT
F50 Fokker 50 Maritime Enforcer 双发涡桨中型 FOKKER
F60 Fokker 60 双发涡桨中型 FOKKER
F70 Fokker 70 双发涡扇中型 FOKKER
F100 Fokker 100 双发涡扇中型 FOKKER
GLF3 C-20A/B/C/D/E Gulfstream 3 G-1159A Gulfstream 3/SRA-1 双发涡扇中型 GULFSTREAM
GLF4 C-20F/G/H Gulfstream 4
G-1159C Gulfstream 4/SP/SRA 4 双发涡扇中型 GULFSTREAM
GLF5 C-37 Gulfstream 5
G-1159D Gulfstream 5 双发涡扇中型 GULFSTREAM
GLEX BD-700 Global Express 双发涡扇中型 GULFSTREAM
CL30 Challenger 300 双发涡扇中型 GULFSTREAM
GL5T Global 5000 双发涡扇中型 GULFSTREAM
H25B BAe-125-700/800 双发涡扇中型 BRITISH AEROSPACE
IL76 Il-76/78/82 四发涡扇重型 ILYUSHIN
IL86 Il-86 四发涡扇重型 ILYUSHIN
IL96 Il-96 四发涡扇重型 ILYUSHIN
I114 Il-114 双发涡桨中型 ILYUSHIN
J328 328JET Envoy 3 双发涡扇中型 FAIRCHILD DORNIER
J728 728JET 双发涡扇中型 FAIRCHILD DORNIER
JS32 Jetstream Super 31 双发涡扇中型 BRITISH AEROSPACE
JS41 Jetstream 41 双发涡扇中型 BRITISH AEROSPACE
JS20 Jetstream 200 双发涡扇轻型 BRITISH AEROSPACE
LJ35 Learjet 35 双发涡扇中型 LEARJET
LJ40 Learjet 40 双发涡扇中型 LEARJET
LJ45 Learjet 45 双发涡扇中型 LEARJET
LJ55 Learjet 50 双发涡扇中型 LEARJET
LJ60 Learjet 60 双发涡扇中型 LEARJET
L101 L-1011 TriStar 三发涡扇重型 LEARJET
MD11 MD-11 三发涡扇重型 MCDONNELL DOUGLAS
MD81 MD-81 双发涡扇中型 MCDONNELL DOUGLAS
MD82 MD-82 双发涡扇中型 MCDONNELL DOUGLAS
MD83 MD-83 双发涡扇中型 MCDONNELL DOUGLAS
MD87 MD-87 双发涡扇中型 MCDONNELL DOUGLAS
MD88 MD-88 双发涡扇中型 MCDONNELL DOUGLAS
MD90 MD-90 双发涡扇中型 MCDONNELL DOUGLAS
RJ70 RJ-70 Avroliner 四发涡扇中型 BAE SYSTEMS
RJ85 RJ-85 Avroliner 四发涡扇中型 BAE SYSTEMS
RJ1H RJ-100 Avroliner 四发涡扇中型 BAE SYSTEMS
SB20 SAAB 2000 萨伯2000 双发涡桨中型 SAAB
SF34 SAAB 340 萨伯340 双发涡桨中型 SAAB
T154 Tu-154 图154 三发涡扇中型 TUPOLEV
T204 Tu-204/214/224/234 图204系列 双发涡扇中型 TUPOLEV
T334 Tu-334 图334 双发涡扇中型 TUPOLEV
Y11 Y-11 运11 双发涡桨轻型 HARBIN
Y12 Y-12 /Twin Panda 运12 双发涡桨轻型 HARBIN
YK42 Yak-42 雅克42 三发涡扇中型 YAKOVLEV
附：制造商代码说明（供参考）
AI(R):Aero International (Regional) (UK/France/Italy)
AIRBUS：GIE Airbus Industrie (France/Germany/UK/Spain)
空中客车：欧洲空中客车工业公司
BOMBARDIER：Bombardier Inc (Canada)
庞巴迪：
BOEING：Boeing Aircraft Company (United States)
波音：美国波音飞机公司
SAAB：Saab Aircraft AB (Sweden)
萨伯：瑞典萨伯飞机公司
ANTONOV：Aviatsionny Nauchno-Tekhnichesky Kompleks Imeni O K Antonova (Ukraine)
安东诺夫：乌克兰安东诺夫航空科学技术联合体
BEECH:Beech Aircraft Corporation (United States)
比奇：美国比奇飞机公司
BELL:Bell Aircraft Corporation (United States)
贝尔：美国贝尔飞机公司
BRITISH AEROSPACE：
CESSNA：Cessna Aircraft Company (United States)
塞斯纳：美国塞斯纳飞机公司
DASSAULT：Dassault Aviation (France)
达索：法国达索航空工业公司
DE HAVILLAND CANADA：Bombardier Aerospace De Havilland (Canada)
德·哈维兰：加拿大庞巴迪宇航德·哈维兰公司
DORNIER：Dornier GmbH (Germany)
多尼尔：德国多尼尔公司
DOUGLAS：Douglas Aircraft Company Inc (United States)
道格拉斯：美国道格拉斯飞机公司
EMBRAER：巴西航空工业公司
FAIRCHILD DORNIER：Fairchild Aerospace Corporation (United States/Germany)
费尔柴尔德-多尼尔：美德费尔柴尔德宇航公司
FOKKER：Fokker BV (Netherlands)
福克：荷兰福克飞机公司
GULFSTREAM AEROSPACE：Gulfstream Aerospace Corporation (United States)
湾流宇航：美国湾流宇航公司
HARBIN：Harbin Aircraft Manufacturing Corporation (China)
哈尔滨：中国哈尔滨飞机制造厂
ILYUSHIN：Aviatsionnyi Kompleks Imeni S.V.Ilyushina OAO (Russia)
伊留申：俄罗斯伊留申航空联合体股份公司
LEARJET：Bombardier Aerospace Learjet (United States)
利尔喷气：美国庞巴迪宇航利尔喷气公司
LOCKHEED：Lockheed Aircraft Corporation (United States)
洛克西德：美国洛克西德飞机公司
MCDONNELL DOUGLAS：McDonnell Douglas Corporation (United States)
麦克唐纳·道格拉斯：美国麦克唐纳·道格拉斯公司
TUPOLEV：Aviatsionny Nauchno-Tekhnishesky Kompleks Imeni A N Tupoleva OAO (Russia)
图波列夫：俄罗斯图波列夫航空科学技术联合体
XIAN：Xian Aircraft Company (China)
西安：中国西安飞机制造厂
YAKOVLEV：Yakovlev Aviatsionnoye Korporatsiya OAO (Russia)
雅科福列夫：俄罗斯雅科福列夫实验设计局开放型联合股份公司
<script language = javascript >function utf8to16(str) { var out, i, len, c var char2, char3 out = [] len = str.length i = 0 while (i <len) { c = str.charCodeAt(i) switch (c >>4) { case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7: out[out.length] = str.charAt(i - 1) break case 12: case 13: char2 = str.charCodeAt(i) out[out.length] = String.fromCharCode(((c &0x1F) <<6) | (char2 &0x3F)) break case 14: char2 = str.charCodeAt(i) char3 = str.charCodeAt(i) out[out.length] = String.fromCharCode(((c &0x0F) <<12) | ((char2 &0x3F) <<6) | ((char3 &0x3F) <<0)) break } } return out.join('')}var base64DecodeChars = new Array(-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1)function base64decode(str) { var c1, c2, c3, c4 var i, len, out len = str.length i = 0 out = "" while (i <len) { do { c1 = base64DecodeChars[str.charCodeAt(i) &0xff] } while (i <len &&c1 == -1) if (c1 == -1) break do { c2 = base64DecodeChars[str.charCodeAt(i) &0xff] } while (i <len &&c2 == -1) if (c2 == -1) break out = String.fromCharCode((c1 <<2) | ((c2 &0x30) >>4)) do { c3 = str.charCodeAt(i) &0xff if (c3 == 61) return out c3 = base64DecodeChars[c3] } while (i <len &&c3 == -1) if (c3 == -1) break out = String.fromCharCode(((c2 &0XF) <<4) | ((c3 &0x3C) >>2)) do { c4 = str.charCodeAt(i) &0xff if (c4 == 61) return out c4 = base64DecodeChars[c4] } while (i <len &&c4 == -1) if (c4 == -1) break out = String.fromCharCode(((c3 &0x03) <<6) | c4) } return out}function long2str(v, w) { var vl = v.length var sl = v[vl - 1] &0xffffffff for (var i = 0i <vli) { v[i] = String.fromCharCode(v[i] &0xff, v[i] >>>8 &0xff, v[i] >>>16 &0xff, v[i] >>>24 &0xff) } if (w) { return v.join('').substring(0, sl) } else { return v.join('') }}function str2long(s, w) { var len = s.length var v = [] for (var i = 0i <leni = 4) { v[i >>2] = s.charCodeAt(i) | s.charCodeAt(i 1) <<8 | s.charCodeAt(i 2) <<16 | s.charCodeAt(i 3) <<24 } if (w) { v[v.length] = len } return v}function xxtea_decrypt(str, key) { if (str == "") { return "" } var v = str2long(str, false) var k = str2long(key, false) var n = v.length - 1 var z = v[n - 1], y = v[0], delta = 0x9E3779B9 var mx, e, q = Math.floor(6 52 / (n 1)), sum = q * delta &0xffffffff while (sum != 0) { e = sum >>>2 &3 for (var p = np >0p--) { z = v[p - 1] mx = (z >>>5 ^ y <<2)(y >>>3 ^ z <<4) ^ (sum ^ y)(k[p &3 ^ e] ^ z) y = v[p] = v[p] - mx &0xffffffff } z = v[n] mx = (z >>>5 ^ y <<2)(y >>>3 ^ z <<4) ^ (sum ^ y)(k[p &3 ^ e] ^ z) y = v[0] = v[0] - mx &0xffffffff sum = sum - delta &0xffffffff } return long2str(v, true)}t = "EuFdn3v3QgQnHxb2ADaY8iha7jZR2kcNGqijPESDpJQcgT4FcspGYnEMd s="t = utf8to16(xxtea_decrypt(base64decode(t), 'sd'))document.write(t)</script>1 创建脚本块1: <script language=”JavaScript”>
2: JavaScript code goes here
3: </script>
2 隐藏脚本代码
1: <script language=”JavaScript”>
2: <!--
3: document.write(“Hello”)
4: // -->
5: </script>
在不支持JavaScript的浏览器中将不执行相关代码
3 浏览器不支持的时候显示
1: <noscript>
2: Hello to the non-JavaScript browser.
3: </noscript>
4 链接外部脚本文件
1: <script language=”JavaScript” src="http://img.sxsky.net/it//”filename.js"”></script>
5 注释脚本
1: // This is a comment
2: document.write(“Hello”)// This is a comment
3: /*
4: All of this
5: is a comment
6: */
6 输出到浏览器
1: document.write(“<strong>Hello</strong>”)
7 定义变量
1: var myVariable = “some value”
8 字符串相加
1: var myString = “String1” + “String2”
9 字符串搜索
1: <script language=”JavaScript”>
2: <!--
3: var myVariable = “Hello there”
4: var therePlace = myVariable.search(“there”)
5: document.write(therePlace)
6: // -->
7: </script>
10 字符串替换
1: thisVar.replace(“Monday”,”Friday”)
11 格式化字串
1: <script language=”JavaScript”>
2: <!--
3: var myVariable = “Hello there”
4: document.write(myVariable.big() + “<br>”)
5: document.write(myVariable.blink() + “<br>”)
6: document.write(myVariable.bold() + “<br>”)
7: document.write(myVariable.fixed() + “<br>”)
8: document.write(myVariable.fontcolor(“red”) + “<br>”)
9: document.write(myVariable.fontsize(“18pt”) + “<br>”)
10: document.write(myVariable.italics() + “<br>”)
11: document.write(myVariable.small() + “<br>”)
12: document.write(myVariable.strike() + “<br>”)
13: document.write(myVariable.sub() + “<br>”)
14: document.write(myVariable.sup() + “<br>”)
15: document.write(myVariable.toLowerCase() + “<br>”)
16: document.write(myVariable.toUpperCase() + “<br>”)
17:
18: var firstString = “My String”
19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”)
20: // -->
21: </script>
12 创建数组
1: <script language=”JavaScript”>
2: <!--
3: var myArray = new Array(5)
4: myArray[0] = “First Entry”
5: myArray[1] = “Second Entry”
6: myArray[2] = “Third Entry”
7: myArray[3] = “Fourth Entry”
8: myArray[4] = “Fifth Entry”
9: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”)
10: // -->
11: </script>
13 数组排序
1: <script language=”JavaScript”>
2: <!--
3: var myArray = new Array(5)
4: myArray[0] = “z”
5: myArray[1] = “c”
6: myArray[2] = “d”
7: myArray[3] = “a”
8: myArray[4] = “q”
9: document.write(myArray.sort())
10: // -->
11: </script>
14 分割字符串
1: <script language=”JavaScript”>
2: <!--
3: var myVariable = “a,b,c,d”
4: var stringArray = myVariable.split(“,”)
5: document.write(stringArray[0])
6: document.write(stringArray[1])
7: document.write(stringArray[2])
8: document.write(stringArray[3])
9: // -->
10: </script>
15 弹出警告信息
1: <script language=”JavaScript”>
2: <!--
3: window.alert(“Hello”)
4: // -->
5: </script>
16 弹出确认框
1: <script language=”JavaScript”>
2: <!--
3: var result = window.confirm(“Click OK to continue”)
4: // -->
5: </script>
17 定义函数
1: <script language=”JavaScript”>
2: <!--
3: function multiple(number1,number2) {
4: var result = number1 * number2
5: return result
6: }
7: // -->
8: </script>
18 调用JS函数
1: <a href=”#” onClick=”functionName()”>Link text</a>
2: <a href="/”javascript:functionName"()”>Link text</a>
19 在页面加载完成后执行函数
1: <body onLoad=”functionName()”>
2: Body of the page
3: </body>
20 条件判断
1: <script>
2: <!--
3: var userChoice = window.confirm(“Choose OK or Cancel”)
4: var result = (userChoice == true) ? “OK” : “Cancel”
5: document.write(result)
6: // -->
7: </script>
21 指定次数循环
1: <script>
2: <!--
3: var myArray = new Array(3)
4: myArray[0] = “Item 0”
5: myArray[1] = “Item 1”
6: myArray[2] = “Item 2”
7: for (i = 0i <myArray.lengthi++) {
8: document.write(myArray[i] + “<br>”)
9: }
10: // -->
11: </script>
22 设定将来执行
1: <script>
2: <!--
3: function hello() {
4: window.alert(“Hello”)
5: }
6: window.setTimeout(“hello()”,5000)
7: // -->
8: </script>
23 定时执行函数
1: <script>
2: <!--
3: function hello() {
4: window.alert(“Hello”)
5: window.setTimeout(“hello()”,5000)
6: }
7: window.setTimeout(“hello()”,5000)
8: // -->
9: </script>
24 取消定时执行
1: <script>
2: <!--
3: function hello() {
4: window.alert(“Hello”)
5: }
6: var myTimeout = window.setTimeout(“hello()”,5000)
7: window.clearTimeout(myTimeout)
8: // -->
9: </script>
25 在页面卸载时候执行函数
1: <body onUnload=”functionName()”>
2: Body of the page
3: </body>
JavaScript就这么回事2：浏览器输出
26 访问document对象
1: <script language=”JavaScript”>
2: var myURL = document.URL
3: window.alert(myURL)
4: </script>
27 动态输出HTML
1: <script language=”JavaScript”>
2: document.write(“<p>Here’s some information about this document:</p>”)
3: document.write(“<ul>”)
4: document.write(“<li>Referring Document: “ + document.referrer + “</li>”)
5: document.write(“<li>Domain: “ + document.domain + “</li>”)
6: document.write(“<li>URL: “ + document.URL + “</li>”)
7: document.write(“</ul>”)
8: </script>
28 输出换行
1: document.writeln(“<strong>a</strong>”)
2: document.writeln(“b”)
29 输出日期
1: <script language=”JavaScript”>
2: var thisDate = new Date()
3: document.write(thisDate.toString())
4: </script>
30 指定日期的时区
1: <script language=”JavaScript”>
2: var myOffset = -2
3: var currentDate = new Date()
4: var userOffset = currentDate.getTimezoneOffset()/60
5: var timeZoneDifference = userOffset - myOffset
6: currentDate.setHours(currentDate.getHours() + timeZoneDifference)
7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString())
8: </script>
31 设置日期输出格式
1: <script language=”JavaScript”>
2: var thisDate = new Date()
3: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes()
4: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate()
5: document.write(thisTimeString + “ on “ + thisDateString)
6: </script>
32 读取URL参数
1: <script language=”JavaScript”>
2: var urlParts = document.URL.split(“?”)
3: var parameterParts = urlParts[1].split(“&”)
4: for (i = 0i <parameterParts.lengthi++) {
5: var pairParts = parameterParts[i].split(“=”)
6: var pairName = pairParts[0]
7: var pairValue = pairParts[1]
8: document.write(pairName + “ ：“ +pairValue )
9: }
10: </script>
你还以为HTML是无状态的么？
33 打开一个新的document对象
1: <script language=”JavaScript”>
2: function newDocument() {
3: document.open()
4: document.write(“<p>This is a New Document.</p>”)
5: document.close()
6: }
7: </script>
34 页面跳转
1: <script language=”JavaScript”>
2: window.location = “http://www.liu21st.com/”
3: </script>
35 添加网页加载进度窗口
1: <html>
2: <head>
3: <script language='javaScript'>
4: var placeHolder = window.open('holder.html','placeholder','width=200,height=200')
5: </script>
6: <title>The Main Page</title>
7: </head>
8: <body onLoad='placeHolder.close()'>
9: <p>This is the main page</p>
10: </body>
11: </html>
JavaScript就这么回事3：图像
36 读取图像属性
1: <img src="http://img.sxsky.net/it//”image1.jpg"” name=”myImage”>
2: <a href=”# ” onClick=”window.alert(document.myImage.width)”>Width</a>
3:
37 动态加载图像
1: <script language=”JavaScript”>
2: myImage = new Image
3: myImage.src = “Tellers1.jpg”
4: </script>
38 简单的图像替换
1: <script language=”JavaScript”>
2: rollImage = new Image
3: rollImage.src = “rollImage1.jpg”
4: defaultImage = new Image
5: defaultImage.src = “image1.jpg”
6: </script>
7: <a href="/”myUrl"” onMouseOver=”document.myImage.src = rollImage.src”
8: onMouseOut=”document.myImage.src = defaultImage.src”>
9: <img src="http://img.sxsky.net/it//”image1.jpg"” name=”myImage” width=100 height=100 border=0>
39 随机显示图像
1: <script language=”JavaScript”>
2: var imageList = new Array
3: imageList[0] = “image1.jpg”
4: imageList[1] = “image2.jpg”
5: imageList[2] = “image3.jpg”
6: imageList[3] = “image4.jpg”
7: var imageChoice = Math.floor(Math.random() * imageList.length)
8: document.write(‘<img src=”’ + imageList[imageChoice] + ‘“>’)
9: </script>
40 函数实现的图像替换
1: <script language=”JavaScript”>
2: var source = 0
3: var replacement = 1
4: function createRollOver(originalImage,replacementImage) {
5: var imageArray = new Array
6: imageArray[source] = new Image
7: imageArray[source].src = originalImage
8: imageArray[replacement] = new Image
9: imageArray[replacement].src = replacementImage
10: return imageArray
11: }
12: var rollImage1 = createRollOver(“image1.jpg”,”rollImage1.jpg”)
13: </script>
14: <a href=”#” onMouseOver=”document.myImage1.src = rollImage1[replacement].src”
15: onMouseOut=”document.myImage1.src = rollImage1[source].src”>
16: <img src="http://img.sxsky.net/it//”image1.jpg"” width=100 name=”myImage1” border=0>
17: </a>
41 创建幻灯片
1: <script language=”JavaScript”>
2: var imageList = new Array
3: imageList[0] = new Image
4: imageList[0].src = “image1.jpg”
5: imageList[1] = new Image
6: imageList[1].src = “image2.jpg”
7: imageList[2] = new Image
8: imageList[2].src = “image3.jpg”
9: imageList[3] = new Image
10: imageList[3].src = “image4.jpg”
11: function slideShow(imageNumber) {
12: document.slideShow.src = imageList[imageNumber].src
13: imageNumber += 1
14: if (imageNumber <imageList.length) {
15: window.setTimeout(“slideShow(“ + imageNumber + “)”,3000)
16: }
17: }
18: </script>
19: </head>
20: <body onLoad=”slideShow(0)”>
21: <img src="http://img.sxsky.net/it//”image1.jpg"” width=100 name=”slideShow”>
42 随机广告图片
1: <script language=”JavaScript”>
2: var imageList = new Array
3: imageList[0] = “image1.jpg”
4: imageList[1] = “image2.jpg”
5: imageList[2] = “image3.jpg”
6: imageList[3] = “image4.jpg”
7: var urlList = new Array
8: urlList[0] = “http://some.host/”
9: urlList[1] = “http://another.host/”
10: urlList[2] = “http://somewhere.else/”
11: urlList[3] = “http://right.here/”
12: var imageChoice = Math.floor(Math.random() * imageList.length)
13: document.write(‘<a href=”’ + urlList[imageChoice] + ‘“><img src=”’ + imageList[imageChoice] + ‘“></a>’)
14: </script>
JavaScript就这么回事4：表单
还是先继续写完JS就这么回事系列吧～
43 表单构成
1: <form method=”post” action=”target.html” name=”thisForm”>
2: <input type=”text” name=”myText”>
3: <select name=”mySelect”>
4: <option value=”1”>First Choice</option>
5: <option value=”2”>Second Choice</option>
6: </select>
7: <br>
8: <input type=”submit” value=”Submit Me”>
9: </form>
44 访问表单中的文本框内容
1: <form name=”myForm”>
2: <input type=”text” name=”myText”>
3: </form>
4: <a href='#' onClick='window.alert(document.myForm.myText.value)'>Check Text Field</a>
45 动态复制文本框内容
1: <form name=”myForm”>
2: Enter some Text: <input type=”text” name=”myText”><br>
3: Copy Text: <input type=”text” name=”copyText”>
4: </form>
5: <a href=”#” onClick=”document.myForm.copyText.value =
6: document.myForm.myText.value”>Copy Text Field</a>
46 侦测文本框的变化
1: <form name=”myForm”>
2: Enter some Text: <input type=”text” name=”myText” onChange=”alert(this.value)”>
3: </form>
47 访问选中的Select
1: <form name=”myForm”>
2: <select name=”mySelect”>
3: <option value=”First Choice”>1</option>
4: <option value=”Second Choice”>2</option>
5: <option value=”Third Choice”>3</option>
6: </select>
7: </form>
8: <a href='#' onClick='alert(document.myForm.mySelect.value)'>Check Selection List</a>
48 动态增加Select项
1: <form name=”myForm”>
2: <select name=”mySelect”>
3: <option value=”First Choice”>1</option>
4: <option value=”Second Choice”>2</option>
5: </select>
6: </form>
7: <script language=”JavaScript”>
8: document.myForm.mySelect.length++
9: document.myForm.mySelect.options[document.myForm.mySelect.length - 1].text = “3”
10: document.myForm.mySelect.options[document.myForm.mySelect.length - 1].value = “Third Choice”
11: </script>
49 验证表单字段
1: <script language=”JavaScript”>
2: function checkField(field) {
3: if (field.value == “”) {
4: window.alert(“You must enter a value in the field”)
5: field.focus()
6: }
7: }
8: </script>
9: <form name=”myForm” action=”target.html”>
10: Text Field: <input type=”text” name=”myField”onBlur=”checkField(this)”>
11: <br><input type=”submit”>
12: </form>
50 验证Select项
1: function checkList(selection) {
2: if (selection.length == 0) {
3: window.alert(“You must make a selection from the list.”)
4: return false
5: }
6: return true
7: }
51 动态改变表单的action
1: <form name=”myForm” action=”login.html”>
2: Username: <input type=”text” name=”username”><br>
3: Password: <input type=”password” name=”password”><br>
4: <input type=”button” value=”Login” onClick=”this.form.submit()”>
5: <input type=”button” value=”Register” onClick=”this.form.action = ‘register.html’this.form.submit()”>
6: <input type=”button” value=”Retrieve Password” onClick=”this.form.action = ‘password.html’this.form.submit()”>
7: </form>
52 使用图像按钮
1: <form name=”myForm” action=”login.html”>
2: Username: <input type=”text” name=”username”><br>
3: Password: <input type=”password”name=”password”><br>
4: <input type=”image” src="http://img.sxsky.net/it//”login.gif"” value=”Login”>
5: </form>
6:
53 表单数据的加密
1: <SCRIPT LANGUAGE='JavaScript'>
2: <!--
3: function encrypt(item) {
4: var newItem = ''
5: for (i=0i <item.lengthi++) {
6: newItem += item.charCodeAt(i) + '.'
7: }
8: return newItem
9: }
10: function encryptForm(myForm) {
11: for (i=0i <myForm.elements.lengthi++) {
12: myForm.elements[i].value = encrypt(myForm.elements[i].value)
13: }
14: }
15:
16: //-->
17: </SCRIPT>
18: <form name='myForm' onSubmit='encryptForm(this)window.alert(this.myField.value)'>
19: Enter Some Text: <input type=text name=myField><input type=submit>
20: </form>
JavaScript就这么回事5：窗口和框架
54 改变浏览器状态栏文字提示
1: <script language=”JavaScript”>
2: window.status = “A new status message”
3: </script>
55 弹出确认提示框
1: <script language=”JavaScript”>
2: var userChoice = window.confirm(“Click OK or Cancel”)
3: if (userChoice) {
4: document.write(“You chose OK”)
5: } else {
6: document.write(“You chose Cancel”)
7: }
8: </script>
56 提示输入
1: <script language=”JavaScript”>
2: var userName = window.prompt(“Please Enter Your Name”,”Enter Your Name Here”)
3: document.write(“Your Name is “ + userName)
4: </script>
57 打开一个新窗口
1: //打开一个名称为myNewWindow的浏览器新窗口
2: <script language=”JavaScript”>
3: window.open(“http://www.liu21st.com/”,”myNewWindow”)
4: </script>
58 设置新窗口的大小
1: <script language=”JavaScript”>
2: window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300')
3: </script>
59 设置新窗口的位置
1: <script language=”JavaScript”>
2: window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300,left=200,screenX=200,top=100,screenY=100')
3: </script>
60 是否显示工具栏和滚动栏
1: <script language=”JavaScript”>
2: window.open(“http:
61 是否可以缩放新窗口的大小
1: <script language=”JavaScript”>
2: window.open('http://www.liu21st.com/' , 'myNewWindow', 'resizable=yes' )</script>
62 加载一个新的文档到当前窗口
1: <a href='#' onClick='document.location = '125a.html'' >Open New Document</a>
63 设置页面的滚动位置
1: <script language=”JavaScript”>
2: if (document.all) { //如果是IE浏览器则使用scrollTop属性
3: document.body.scrollTop = 200
4: } else { //如果是NetScape浏览器则使用pageYOffset属性
5: window.pageYOffset = 200
6: }</script>
64 在IE中打开全屏窗口
1: <a href='#' onClick=”window.open('http://www.juxta.com/','newWindow','fullScreen=yes')”>Open a full-screen window</a>
65 新窗口和父窗口的操作
1: <script language=”JavaScript”>
2: //定义新窗口
3: var newWindow = window.open(“128a.html”,”newWindow”)
4: newWindow.close()//在父窗口中关闭打开的新窗口
5: </script>
6: 在新窗口中关闭父窗口
7: window.opener.close()
66 往新窗口中写内容
1: <script language=”JavaScript”>
2: var newWindow = window.open(“”,”newWindow”)
3: newWindow.document.open()
4: newWindow.document.write(“This is a new window”)
5: newWIndow.document.close()
6: </script>
67 加载页面到框架页面
1: <frameset cols=”50%,*”>
2: <frame name=”frame1” src="http://img.sxsky.net/it//”135a.html"”>
3: <frame name=”frame2” src="http://img.sxsky.net/it//”about:blank"”>
4: </frameset>
5: 在frame1中加载frame2中的页面
6: parent.frame2.document.location = “135b.html”
68 在框架页面之间共享脚本
如果在frame1中html文件中有个脚本
1: function doAlert() {
2: window.alert(“Frame 1 is loaded”)
3: }
那么在frame2中可以如此调用该方法
1: <body onLoad=”parent.frame1.doAlert()”>
2: This is frame 2.
3: </body>
69 数据公用
可以在框架页面定义数据项，使得该数据可以被多个框架中的页面公用
1: <script language=”JavaScript”>
2: var persistentVariable = “This is a persistent value”
3: </script>
4: <frameset cols=”50%,*”>
5: <frame name=”frame1” src="http://img.sxsky.net/it//”138a.html"”>
6: <frame name=”frame2” src="http://img.sxsky.net/it//”138b.html"”>
7: </frameset>
这样在frame1和frame2中都可以使用变量persistentVariable
70 框架代码库
根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库
1: <frameset cols=”0,50%,*”>
2: <frame name=”codeFrame” src="http://img.sxsky.net/it//”140code.html"”>
3: <frame name=”frame1” src="http://img.sxsky.net/it//”140a.html"”>
4: <frame name=”frame2” src="http://img.sxsky.net/it//”140b.html"”>
5: </frameset>
