1. HTML
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13: Css syntax
14:
15:
16:
17:
18:
19:
20:
21:
22:
23: 111
24: 222
25: 333
26:
27:
28: 444
29: 555
30: 666
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86: Name:
87: Email:
88: Date of birth:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:List 2
115:
116:
117:List 3
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:List 3
136:
137:
138:
139:
140:
141:
142:
2. -----------------------------
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:MAWB No.
22:
23:
24:
25: onBlur="javascript:this.value=this.value.toUpperCase();"
26: οnkeypress="return handleEnter_gubun(event);">
27:
28:
29:
30:
31:
32: HAWB No. List
33:
34:
35:
36: οnchange="javascript:goHBL(this)">
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:Shipper
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:TEL
88: FAX
89:
90:
91:
92:
93:
94:
95:
96:
97:Consignee
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:TEL
111: FAX
112:
113:
114:
115:
116:
117:
118:
119:
120:Notify
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:TEL
134: FAX
135:
136:
137:
138:
139:
140:[Shipping information]
141:
142:
143:
144:Carrier(AirLine)
145:
146:
147:
148:
149:
150:
151:Co-Loader
152:
153:
154:
155:
156:
157:
158:
159:
160:Flight No.(AirLine)
161:
162:
163:
164:Cur.
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:Port of Departure
176:
177:
178:
179:
180:
181:
182: maxlength="100" value="<%=depart_port_name%>" class="input_data3"
183: size="28">
184:
185:Port of Destination
186:
187:
188:
189:
190:
191:
192: maxlength="100" value="" class="input_data3"
193: size="28" >
194:
195:
196:
197:[Cargo Information]
198:
199:
200:
201:
202:
2. css
body { color: brown;}h1, h2, h3, h4, h5, h6 { color: blue; font-: 20px;}p { color: green; font-: 15px; font-family: "sans serif"; -align: center; background-color: gray; padding: 10px;}/* id 唯一 */#front { color: red;}/* class 类别 */.center { color: brown;}/* */h1.center { color: red;}/* 属性, 对于所有带 dir 属性的标签起作用 */[dir] { color: yellow;}[type=] { color: blue;}/* 后代选择器, 可以有间隔 */h1 em { color: red;}/* 子选择器, 只能直接继承 */h1 > strong { color: red;}/* 注意, 以下内容顺序不能变 */a:link {color: #FF0000}a:visited {color: #00FF00}a:focus {color: #00FF00}a:hover {color: #FF00FF}a:active {color: #0000FF}a.red: visited {color:#FF0000} 3. JAVASCRIPT
/* 变量声明, 立刻就要初始化 */var x = ""var mycars = new Array()mycars[0] = "sbba"mycars[1] = "Volvo"mycars[2] = "BMW"for (x in mycars) { document.write[mycars[x] + ""]}document.write("hello \world" );/* data type: undefined, Null, Boolean, Number, String, */// ============================== Array ========================================================var colors = ["red", "blue", "yellow"]alert(colors.length);colors[colors.length] = "black";/* 增加了数组的长度, 因为下标是从 0 开始, 所以以上本来数组长度是3, 增加了一个就变成 4 了*/colors.toString() // 返回结果为 red,blue,yellow,black // 数组可以自动实现 "栈" 数据结构var count = colors.push("white","brown") // 可以一次性入栈多个var item = colors.pop(); // 出栈// 数组自动实现 " 队列 " 数据结构var count = colors.push(); // 从队尾入var count = colors.shift(); // 队头出// 数组实现循环队列var count = colors.unshift() // 从队头入var count = colors.pop() // 队尾出// 数组内容元素排序// 默认情况, 将数组内元素都调用 toString(), 进行比较, 10 会比 5 小colors.sort()// 也可以调用比较函数来进行比较colors.sort(compare)function compare(value1, value2) { if (value1 < value2) return -1; else if (value1 > value2) return 1; else return 0;} // 数组元素 concat() 结合var colors2 = colors.concat("yellow")// 数组元素 截取var colors2 = colors.slice(1) // 从 第 1 个, 截到最后var colors = colors.slice(1, 3) // 从 第 1 个, 截到第 3 个// 数组 插入, 删除splice(0, 2) // 0表示下标位置, 2表示删除 2 个splice(2, 0, "red", "green") // 2表示下标位置, 0 表示需要删除几个, 后边两项表示要增加内容splice(2, 1, "red", "green") // 同样, 只不过这次先删除了 1 个内容, 给出一种替换的效果 // 时间类型var date = new Nate(Date.UTC(2005, 4, 5, 17, 55, 55)) // 2005年5月5日17时55分55秒//============================================================================================// 定义对象s/* 不想要被原型链共享的内容, 写在构造函数中 */function Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.friends = ["shely", "count"];}Person.prototype = { constructor: Person, sayName : function() { alert(this.name); }};// 继承的方法, 组合继承(经典继承)function SuperType(name) { this.name = name; this.colors = ["red", "blue", "green"];} SuperType.prototype = { constructor: SuperType, sayName : function() { alert(this.name); }}function SubType(name, age) { SuperType.call(this, name); this.age = age;}SubType.prototype = new SuperType(); // 子类原型链继承了是父类的一个实例 // 因为父类的实例, 会继承父类自己原型链中的方法和变量 // 从而实现了子类继承父类// 函数内部不能再定义一个函数, 使用闭包, 可以使内部函数访问到外部函数的作用域内的变量// 内部函数说白了, 其实就是一个将函数作为一个值, 但是这样做有很大的灵活性, 例如// =============================================================================================// 块级作用域( function() { // 这里是块级别作用域})();// =============================================================================================// 超时调用, 在指定时间后, 调用一次var timeoutId = setTimeout(function(){ alert("Hello, world!");}, 1000);clearTimeout(timeoutId);// 间歇调用, 在指定间隔内, 反复调用var intervalId = setInterval(function(){ alert("Hello,world!");}, 10000)clearInterval(intervalId);// 实际开发环境中很少使用间歇调用, 因为有可能两个间歇调用之间时间会掌握不好// 一般可以是用超时调用, 加循环来实现间歇调用// ==============================================================================================document.getElementById() // 很好用, 用来定位 HTML 标签document.forms //