javascript做九九乘法表,满满的干货!!!

基本代码:

     <script type="text/javascript">var factorOne , factorTwo;var arr = new Array();//创建数组存储结果for (factorOne = 1; factorOne <= 9; factorOne++) {//这里是行for (factorTwo = 1; factorTwo <= factorOne; factorTwo++) {//这里是列arr[factorTwo - 1] = factorOne * factorTwo;}//由于数组是从零开始,所以要减一document.write(arr,'</br>');//逐行打印}</script>

可以得到下图结果:

基本功能已经实现但是这样也太丑了


所以我们优化一下代码:
添加css:

td {width: 125px;height: 25px;line-height: 25px;border: 1px solid #000000;text-align: center;
}

js部分:

<script type="text/javascript">var factorOne , factorTwo;document.write("<table align='center'>")//利用write在文档里创建table表格for (factorOne = 1; factorOne <= 9; factorOne++) {//这里是行document.write("<tr>");//创建行for (factorTwo = 1; factorTwo <= factorOne; factorTwo++) {//这里是列document.write("<td>");//创建列document.write(factorOne+" × "+factorTwo+" = "+ (factorOne*factorTwo));//输出结果document.write("</td>");//在一列中创建多个表格,}document.write("</tr>");}document.write("</table>");</script>

结果为:

现在是不是神清气爽了许多~~~~

【九九乘法表】javascript做九九乘法表相关推荐

  1. oracle表如何做统计分析,Oracle表统计信息的分析

    对于Oracle CBO 来说,SQL语句的执行计划完全依靠于准确的统计信息 除了自动的统计信息分析外,我们可以手动进行分析 下面主要是举例来说,具体命令的参数可参考官方文档 1. 使用analyze ...

  2. JavaScript实现九九乘法表

    上次我们利用递归实现了一个简单的九九乘法表,这次我们换一个方法,利用JavaScript(简称JS)来实现,首先复习一下:JavaScript是一种直译式脚本语言,是一种动态类型.基于原型的语言,内置 ...

  3. c语言乘法表 m*(9-i),C语言做九九乘法表.doc

    C语言做九九乘法表 #include void main() { int i,j,x; /*第一种*/ printf("第一种:\n"); for(i=1;i<=9;i++) ...

  4. jquery打99乘法表_基于javascript实现九九乘法表

    基于javascript实现九九乘法表 本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下 var sum=0; var wite; for (var i = 1; i & ...

  5. JavaScript输出九九乘法表

    背景 使用JavaScript实现九九乘法表. 实现 <!DOCTYPE html> <html lang="en"> <head><me ...

  6. js用for循环做九九乘法表

    js用for循环做九九乘法表 代码如下: //先声明一个变量,存放和. var sum = 0; //循环九次. for (i = 1; i <= 9; i++) {//从1开始循环,循环第一次 ...

  7. php编写九九乘法表隔行换色,JavaScript实现99乘法表及隔行变色实例代码

    项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if ...

  8. php九九乘法表隔行换色,JavaScript实现99乘法表及隔行变色实例代码_javascript技巧...

    项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if ...

  9. JavaScript——实现九九乘法表

    这是一张99乘法表,我们需要用JavaScript来实现这个99乘法表 基础实现 在观察表后,可以发现每一个表达式都可以用 a*b=c 来表示出来,而c可以借用算术计算出来,所以我们只需要用到两个变量 ...

最新文章

  1. 京东到家基于netty与websocket的实践
  2. 自动提醒IE6访客升级浏览器,
  3. java单例默认_Spring bean为什么默认是单例
  4. 【bzoj 十连测】[noip2016十连测第三场]Problem C: 序列(静态主席树)
  5. 工程思想——【误差与分辨度】
  6. 【Linux】scp IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!
  7. Docker 三剑客之 Docker Swarm
  8. Python语言程序设计----【第8周 程序设计方法学】之8.2 Python程序设计思维
  9. 令牌环网概念_令牌环网工作原理_令牌环网为什么没人用
  10. 计算机关闭后桌面文件丢失,win7系统电脑关机重启后桌面文件全部不见了的解决方法...
  11. linux 进程 网速监控
  12. IDEA终端光标太粗怎么设置?及操作技巧
  13. 《SQL 入门教程》示例数据库
  14. 最全的《落日故人情》经典句子大全
  15. Linux 内核软死锁(soft lockup)记录
  16. 操作系统——文件管理实验
  17. ES6的三种暴露方式
  18. 一位互联网老兵曲曲折折的 16 年!
  19. 自定义EditText的无障碍描述(不读hint)
  20. codeforces1469D. Ceil Divisions

热门文章

  1. 成为IT精英,我奋斗了7年
  2. 人脸活体检测、红外人脸数据集下载
  3. 调用Android短信软件进行短信群发
  4. 关于极光APP推送JPUSH的服务器端使用
  5. 3dsMax Biped骨骼缩放
  6. Jhipster生成前端为Vue的项目引入Element-UI
  7. 深入浅出图神经网络|GNN原理解析☄学习笔记(四)表示学习
  8. 喝酒聚会神器小程序部署
  9. Android实现网络图片app
  10. pythonend输出最后没有逗号_python不换行之end=与逗号的意思及用途