html练习Word文档下载推荐.docx

html练习Word文档下载推荐.docx

《html练习Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《html练习Word文档下载推荐.docx（16页珍藏版）》请在冰豆网上搜索。

*/

6..世界卫生组织提供的健康标准：

体重指数公式：

BMI=体重（kg）/（身高（m）*身高（m））

当BMI<

18.5时属于偏瘦。

加强锻炼，适当补充营养"

当BMI在18.5—25时属于正常范围，继续保持

当BMI>

25--<

30时属于超重。

当BMI>

30时属于较肥胖。

要加强锻炼,不吃零食和高热量、高脂肪食物！

7．写一个方法，用以检查输入的字符串是否为合法的邮政编码，合法，返回true,

不合法，返回false

8.设计一个静态方法，实现对输入的邮政编码（Stringpost）进行检查，返回值要求如下：

如果长度不合法，则返回-1；

如果字符非法，则返回非法字符的个数。

全部合法，返回0

9.根据出生日期，显示对应的属相

出生日期（年份）与属相关系如下：

2020=鼠。

。

4

2019=猪.。

3

2018=狗.。

2

2017=鸡.。

1

2016=猴.。

2015=羊。

11

2014=马。

10

2013=蛇。

9

2012=龙。

8

2011=兔。

7

2010=虎。

6

2009=牛.。

5

2008=鼠.。

2007=猪.。

2006=狗.。

2005=鸡.。

2004=猴.。

10．下面是一个10位的社会保障号编码规则：

10.1.长度为10位，下标为N1---N10（从左到右）

10.2.N1为英文字母，每个英文字母与一个数字对应

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

12

13

14

15

16

17

34

18

19

20

21

22

35

23

24

25

26

27

28

29

30

41

42

33

10.3.验证公式：

（N1的十位数*1+N1的个位数*9+

+N2*8+N3*7+N4*6+N5*5+N6*4+N7*3+N8*2+N9*1+N10*1）/10

如果余数为0,则身份证号合法，否则非法

其中N2只能取1（男）或2（女）

10.4．N3---N10为数字；

身份证号F213454789为一个合法身份证号

写一个函数IsValid，输入一个10位的身份证号，返回一个整数:

1有效，0无效

要求将上述操作最终作为一个文件.jar发布

11.为一个4*3的表格用随机颜色填充

12.设计颜色选择器

13.任意输入一个月份，并用表格显示该月的每一天和星期的对应关系

14.出生日期与星座关系如下：

1.20---2.18水瓶座

2.19----3.20双鱼座

3.21----4.19.牧羊座

4.20---5.20金牛座

5.21-----6.21双子座

6.22.----7.22巨蟹座

7.23----8.22狮子座

8.23----9.22处女座

9.23.----10.23天秤座

10.24-----11.22天蝎座

11.23---12.21射手座

12.22.----1.19山羊座

设计一个函数，根据给定的出生日期，返回对应的属性

15.写一个返回给定整数的所有因子的函数

16..设计一个函数，实现检查输入字符串是否为”回文”.的功能

BooleanIsPalindrome（Stringpoem）

17.输入出租车公里数，输出应付的车费数：

收费标准如下：

3000米以下为8元，每超过500米增加1.2元，不足500米按500米计算。

18．竹竿长10米，每天截取一半，过多少天后，竹竿长度会小于10厘米。

19．输入一个英文字符串，统计出其中各字符出现的次数，并以下列样式输出：

a=?

b=?

c=?

d=?

e=?

f=?

g=?

h=?

i=?

j=?

20.用一张图片和若干文本设计一个页面，使其文本处于图片的右侧，且文本内容和图片的顶端对齐

21.用有序列表显示数列{3N+1}的内容，直到其值大于777.

22.设计一个问卷调查：

你对大连的第一印象：

好还可以一般差

23.写一个函数，实现下列功能：

将给定的字符串左边填充若干个给定的字符，使其长度恰好给定的长度。

如：

字符串s=”12”,最终长度size=5，左边用字符c=’@’填充，

结果为”@@@12”.同理，实现对字符串的右填充功能。

23.随机产生100个5位数，并对其进行排序。

同时找出最大的数和最小的数。

24写一方法，用于删除字符串中所有空格（不仅仅是两端的空格），并返回没有空格的字

25．设计一个方法。

当该方法连续调用时，依次产生下列元素输出,

第一次调用输出：

574891

第二次调用输出：

157489

第三次调用输出：

915748

第四次调用输出：

891574

第五次调用输出：

489157

第六次调用输出：

748915

第一次调用输出：

每输出一行后延时5秒，再输出下一行。

18位身份证号编码或则：

从左自右依次为N1,N2,N3,……N18

N1~~N6为行政区划编码

N7~~N14为出生日期

N17为性别编码。

偶数为“女”，奇数为“男”，即”男单女双”

N18为校验码

19.设计三个select,分别用于年月日的选择。

要求如下：

年份选择范围：

1900年---当前年

月份选择范围：

一月，二月，。

十二月

日期选择范围：

根据所选的年份和月份计算：

1,2,…28,29,30,31

设置默认年份，如：

1980年

20.动态生成img标签元素，当点击按钮（下一张图片）时，在img标签中显示相应的图片内容。

21.根据随即函数产生n----m之间的随机整数

22.设计一个函数，用于返回n位的数字字符和字母字符。

13A4B7

23.为页面上的所有<

span>

标签添加样式属性class

24.动态生成单选题和多选题，测试者交卷后进行判分。

25.有52张扑克牌，编号为0--51,要求用一个table显示，每行显示n=7张。

当其点击某张

牌时，用alert显示这张牌的内容，如：

草花A

26.在页面上放置一个超链接，当点击它时，弹出一个新窗口，并在其中加载一个页面文件。

27.为小学生随机出m道加减法算术题，交卷后，检查其正确性。

28.为页面上的所有无序列表项动态添加超链接。

29.动态生成h1---h6标记，并设置其class属性和innerText属性，同时为其绑定一个

Onclick事件

30.动态生成h1---h6标记，使h1,h3,h5呈现一种背景色，h2,h4,h6呈现另一种背景色。

31.动态生成一个table标签元素，当鼠标移入某行时，改变背景色，鼠标移出该行时，

恢复背景色。

31.动态生成一个table标签元素，奇数行为一种背景色，偶数行为另一种背景色。

32.动态添加<

inputtype=”file”>

标签（常用于添加上传附件）

33.动态生成一个表格，并为其添加一个radio列，当点击每行的radio时，高亮显示该行。

34.动态生成一个表格，并为其添加一个checkbox列，当选择checkbox后，获得所有的

选择。

同时，在页面上放置一个复选框，用于全选/去选

35.动态生成一个表格，当鼠标移到单元格时，鼠标光标变为手型，当点击单元格时，

用随机颜色作为单元格背景色。

/////////////////////////////////////////////////////////////////////

2009-03-20

JavaScripthtmljs颜色梯度和渐变效果,非常不错的js代码

关键字:

javascripthtmljs颜色梯度渐变效果非常不错代码

Js代码

1.<

!

DOCTYPE 

html 

PUBLIC 

"

-//W3C//DTD 

XHTML 

1.0 

Transitional//EN"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

>

2.<

xmlns="

//www.w3.org/1999/xhtml"

3.<

head>

4.<

meta 

http-equiv="

Content-Type"

content="

text/html;

charset=gb2312"

/>

5.<

title>

JavaScript 

颜色梯度和渐变效果<

/title>

6.<

script 

type="

text/javascript"

7.var 

$ 

= 

function 

（id） 

{ 

8. 

return 

string"

== 

typeof 

id 

?

document.getElementById（id） 

:

id;

9.};

10. 

11.var 

Extend 

function（destination, 

source） 

12. 

for 

（var 

property 

in 

13. 

destination[property] 

source[property];

14. 

} 

15. 

destination;

16.} 

17. 

18.var 

Map 

function（array, 

callback, 

thisObject）{ 

19. 

if（array.map）{ 

20. 

array.map（callback, 

thisObject）;

21. 

}else{ 

22. 

var 

res 

[];

23. 

i 

0, 

len 

array.length;

<

len;

i++） 

{ 

res.push（callback.call（thisObject, 

array[i], 

i, 

array））;

24. 

res;

25. 

26.} 

27. 

28. 

29.var 

ColorGrads 

function（options）{ 

30. 

this.SetOptions（options）;

31. 

this.StartColor 

this.options.StartColor;

32. 

this.EndColor 

this.options.EndColor;

33. 

this.Step 

Math.abs（this.options.Step）;

34.};

35.ColorGrads.prototype 

36. 

//设置默认属性 

37. 

SetOptions:

function（options） 

38. 

this.options 

{//默认值 

39. 

StartColor:

#fff"

//开始颜色 

40. 

EndColor:

#000"

//结束颜色 

41. 

Step:

20//渐变级数 

42. 

};

43. 

Extend（this.options, 

options 

|| 

{}）;

44. 

}, 

45. 

//获取渐变颜色集合 

46. 

Create:

function（） 

47. 

colors 

[], 

48. 

startColor 

this.GetColor（this.StartColor）, 

49. 

endColor 

this.GetColor（this.EndColor）, 

50. 

stepR 

（endColor[0] 

- 

startColor[0]） 

/ 

this.Step, 

51. 

stepG 

（endColor[1] 

startColor[1]） 

52. 

stepB 

（endColor[2] 

startColor[2]） 

this.Step;

53. 

//生成颜色集合 

54. 

for（var 

n 

this.Step, 

r 

startColor[0], 

g 

startColor[1], 

b 

startColor[2];

n;

i++）{ 

55. 

colors.push（[r, 

g, 

b]）;

+= 

stepR;

stepG;

stepB;

56. 

57. 

colors.push（endColor）;

58. 

//修正颜色值 

59. 

Map（colors, 

function（x）{ 

Map（x, 

function（x）{ 

60. 

Math.min（Math.max（0, 

Math.floor（x））, 

255）;

61. 

}）;

62. 

63. 

//获取颜色数据 

64. 

GetColor:

function（color） 

65. 

if（/^#[0-9a-f]{6}$/i.test（color）） 

66. 

{//#rrggbb 

67. 

Map（[color.substr（1, 

2）, 

color.substr（3, 

color.substr（5, 

2）], 

68. 

parseInt（x, 

16）;

69. 

） 

70. 

71. 

else 

if（/^#[0-9a-f]{3}$/i.test（color）） 

72. 

{//#rgb 

73. 

1）, 

color.substr（2, 

1）], 

74. 

parseInt（x 

+ 

x, 

75. 

76. 

77. 

if（/^rgb（.*）$/i.test（color）） 

78. 

{//rgb（n,n,n） 

or 

rgb（n%,n%,n%） 

79. 

Map（color.match（/\d+（\.\d+）?

\%?

/g）, 

80. 

parseInt（x.indexOf（"

%"

） 

0 

parseFloat（x, 

10） 

* 

2.55 

10）;

81. 

82. 

83. 

84. 

{//color 

85. 

mapping 

{"

red"

#FF0000"

//略 

86. 

color 

mapping[color.toLowerCase（）];

87. 

if（color）{ 

88. 

89. 

90. 

91. 

92. 

93. 

94.};

95. 

96. 

97. 

98.var 

CurrentStyle 

function（element）{ 

99. 

element.currentStyle 

document.defaultView.getComputedStyle（element, 

null）;

100.} 

101. 

102.var 

Bind 

function（object, 

fun） 

103. 

args 

Array.prototype.slice.call（arguments）.slice

（2）;

104. 

105. 

fun.apply（object, 

args.concat（Array.prototype.slice.call（arguments）））;

106. 

107.} 

108. 

109.//渐变对象 

110.var 

ColorTrans 

function（obj, 

options）{ 

111. 

112. 

this._obj 

$（obj）;

113. 

this._timer 

null;

//定时器 

114. 

this._index 

0;

//索引 

115. 

this._colors 

//颜色集合 

116. 

this._grads 

new 

ColorGrads（）;

117. 

118. 

119. 

120. 

this.Speed 

Math.abs（this.options.Speed）;

121. 

this.CssColor 

this.options.CssColor;

122. 

123. 

this._startColor 

this.options.StartColor 

CurrentStyle（this._obj）[this.CssColor];

124. 

this._endColor 

125. 

this._step 

126. 

127. 

this.Reset（）;

128. 

this.SetColor（）;

129.};

130.ColorTrans.prototype 

131. 

132. 

133. 

134. 

135. 

136. 

20,//渐变级数 

137. 

Speed:

20,//渐变速度 

138. 

CssColor:

color"

//设置属性（Scripting属性） 

139. 

140.