JavaScript课堂练习(一)分析和总结.docx

JavaScript课堂练习(一)分析和总结.docx

  1. 1、本文档共4页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
JavaScript 课堂练习(一) 一.利用循环在网页中输出一表格,十行十列,单元格内依次写入 1-100: 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 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 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 二.修改上面程序,在表格内的输出数据为:1-10,20-11,21-30. (之字型数 据序列); 三.利用循环输出一个九九乘法表:(不使用表格,每一个算式使用一个 SPAN 标签) 四.修改上面的九九乘法表:结合 CSS 每隔一行使用一种不同的背景颜色五.结合 CSS 样式表,网页中生成表格:八行八列,黑白相间; 六.结合 CSS,编程在下面的 DIV 区域中生成如下图所示的图形: 答案(网页源代码) !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE New Document /TITLE META NAME=Generator CONTENT=EditPlus META NAME=Author CONTENT= META NAME=Keywords CONTENT= META NAME=Description CONTENT= style #t1 {background-color:lightyellow;border:1 solid red;width:300;text-align:center} span {background-color:orange;margin:1 3 0 3;padding:2 5 2 5;width:60} #t2 {border-collapse:collapse;border:1 solid black;} #t2 td{height:15;width:15} .hei {background-color:black;} /style /HEAD BODY P一.利用循环在网页中输出一表格,十行十列,单元格内依次写入 1-100:BR script document.write(table id=t1); for (var i=0;i10 ;i++ ) {document.write(tr); for (var j=0;j10 ;j++ ) {document.write(td,10*i+j+1,/td); } document.write(/tr) } document.write(/table); /script BR P二.修改上面程序,在表格内的输出数据为:1-10,20-11,21-30. (之字型数据序列);BR script //在其内输入修改的程序 /script BR p三.利用循环输出一个九九乘法表:(不使用表格,每一个算式使用一个 SPAN 标签)BR script for (var i=1;i=9 ;i++ ) { for (j=1;j=i ;j++ ) {document.write(span,j,*,i,=,i*j,/span); } document.write(br); } /script BR P四.修改上面的九九乘法表:结合 CSS 每隔一行使用一种不同的背景颜色BR script //在其内输入修改的程序 /script BR P五.结合 CSS 样式表,网页中生成表格:八行八列,黑白相间; script var x,y; document.write(table id=t2); for(x=0;x8;x++) { document.write(tr); for(y=0;y8;y++) {if((x+y)%2==0) document.write(td class=hei/td); else document.write(td class=bai/td); } document.write(/tr); } document.write(/table); /script BR P六.结合 CSS,编程在下面的 DIV 区域中生成如下图所示的图形:BR IMG SRC=lin.gif ALT=照样图编程生成图形 DIV class=lin script /script /D

文档评论(0)

tianya189 + 关注
官方认证
内容提供者

该用户很懒,什么也没介绍

认证主体阳新县融易互联网技术工作室
IP属地上海
统一社会信用代码/组织机构代码
92420222MA4ELHM75D

1亿VIP精品文档

相关文档