?1
<
html
>
?2
????
<
head
>
?3
????????
<
title
>
顯示相片
</
title
>
?4
????????????????
<
SCRIPT?
LANGUAGE
="JavaScript"
>
?5
????????????????
<!--
?6
????????????????????
function
?show(grade,start,end)?
{
?7
?8
????????????????????????
//
稍微檢查一下數據的合法性
?9
????????????????????????
if
(end
<
start)
{
10
11
????????????????????????????alert(
"
錯了!結束的學號比開始的還要小!
"
);
12
13
????????????????????????}
//
結束數據合法性的檢測
14
15
16
????????????????????????
//
開始查詢用的循環
17
????????????????????????
for
(
var
?i
=
start;i
<=
end;i
++
)
{
18
19
????????????????????????????
//
判斷學號的位置并輸出相應的圖片,如果學號不足4位,要在前面添補適當數量的"0"
20
????????????????????????????
if
(i
<
10
)
{
21
22
????????????????????????????????document.write(
"
<img?width=160?height=240?src='http://oa.dean.swust.edu.cn/graphic/stu/
"
?
+
?grade?
+
?
"
/
"
?
+
?grade?
+
?
"
000
"
?
+
?i?
+
?
"
.jpg'>
"
);
23
24
????????????????????????????}
else
?
if
(i
<
100
)
{
25
26
????????????????????????????????document.write(
"
<img?width=160?height=240?src='http://oa.dean.swust.edu.cn/graphic/stu/
"
?
+
?grade?
+
?
"
/
"
?
+
?grade?
+
?
"
00
"
?
+
?i?
+
?
"
.jpg'>
"
);
27
28
????????????????????????????}
else
?
if
(i
<
1000
)
{
29
30
????????????????????????????????document.write(
"
<img?width=160?height=240?src='http://oa.dean.swust.edu.cn/graphic/stu/
"
?
+
?grade?
+
?
"
/
"
?
+
?grade?
+
?
"
0
"
?
+
?i?
+
?
"
.jpg'>
"
);
31
32
????????????????????????????}
else
{
33
34
????????????????????????????????document.write(
"
<img?width=160?height=240?src='http://oa.dean.swust.edu.cn/graphic/stu/
"
?
+
?grade?
+
?
"
/
"
?
+
?grade?
+
?
""
?
+
?i?
+
?
"
.jpg'>
"
);
35
36
????????????????????????????}
//
?結束對學號的判斷
37
????????????????
38
????????????????????}
//
結束顯示圖片的循環
39
40
????????????????}
//
結束show(grade,start,end)
41
????????????
//
-->
42
????????????
</
SCRIPT
>
43
44
????
</
head
>
45
46
????
<
body
>
47
48
????????
<
font?
size
=2
>
49
????????????例如,想查看20050001-20050100范圍的相片,則:年級為2005,開始為1,結束為100.????
<
br
>
?如果有個別不能顯示,則表示該學號的學生不存在
50
????????
</
font
>
51
52
????????
<
FORM?
name
="form"
?METHOD
=POST?
ACTION
=""
>
53
????????????
<
font?
size
=2
>
年級:
</
font
><
INPUT?
TYPE
="text"
?size
=4??
NAME
="grade"
?value
="2005"
>
54
????????????
<
font?
size
=2
>
開始:
</
font
><
INPUT?
TYPE
="text"
?size
=4??
NAME
="start"
?value
="1"
>
55
????????????
<
font?
size
=2
>
結束:
</
font
><
INPUT?
TYPE
="text"
?size
=4??
NAME
="end"
?value
="100"
>
56
????????????
<
INPUT?
TYPE
="submit"
?onclick
="javascript:show(document.form.grade.value,document.form.start.value,document.form.end.value)"
?value
="查詢"
?
>
57
????????
</
FORM
>
58
59
????
</
body
>
60
61
</
html
>
62

?2

?3

?4



?5

?6



?7

?8

?9



10

11

12

13

14

15

16

17



18

19

20



21

22

23

24



25

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

52

53

54

55

56

57

58

59

60

61

62
