基于javascript实现九九乘法表


Posted in Javascript onMarch 27, 2016

本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下

<script type="text/javascript">
    var sum=0;
    var wite;
    for (var i = 1; i < 10; i++){
      var div=$('<div class="class'+i+'"></div>');
      $("body").append(div);
      for(var j = i; j > 0; j--){
        sum = j * i;
        wite = (j+"X"+i+"="+sum);

        div.prepend($('<span style="padding-right:10px">'+wite+'</span>'));
      }
      
    } 
  </script>

实现结果如图所示:

基于javascript实现九九乘法表

希望本文所述对大家学习javascript程序设计有所帮助。

Javascript 相关文章推荐
关于js内存泄露的一个好例子
Dec 09 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
Javascript基础之数组的使用
May 13 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
Javascript基础回顾之(一) 类型
Jan 31 Javascript
vue父组件中获取子组件中的数据(实例讲解)
Sep 27 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
Vue程序调试的方法
Jun 17 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
vue+elementUI组件table实现前端分页功能
Nov 15 Javascript
javascript Canvas动态粒子连线
Jan 01 Javascript
深入浅析JavaScript中的作用域和上下文
Mar 26 #Javascript
JS中改变this指向的方法(call和apply、bind)
Mar 26 #Javascript
浏览器复制插件zeroclipboard使用指南
Mar 26 #Javascript
jquery中validate与form插件提交的方式小结
Mar 26 #Javascript
javascript实现方法调用与方法触发小结
Mar 26 #Javascript
利用jquery制作滚动到指定位置触发动画
Mar 26 #Javascript
jQuery常用的一些技巧汇总
Mar 26 #Javascript
You might like
小文件php+SQLite存储方案
2010/09/04 PHP
php模板中出现空行解决方法
2011/03/08 PHP
PHP输出时间差函数代码
2013/01/28 PHP
php中动态调用函数的方法
2015/03/16 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
2009/11/28 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
2012/03/26 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
2013/10/15 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
JQuery中解决重复动画的方法
2016/10/17 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
2017/03/10 Javascript
Angular将填入表单的数据渲染到表格的方法
2017/09/22 Javascript
Node.js模块全局安装路径配置方法
2018/05/17 Javascript
探秘vue-rx 2.0(推荐)
2018/09/21 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
原生js实现Flappy Bird小游戏
2018/12/24 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
2019/04/22 Javascript
JavaScript命名空间模式实例详解
2019/06/20 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
Python的Flask框架应用调用Redis队列数据的方法
2016/06/06 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
python 实现按对象传值
2019/12/26 Python
python 错误处理 assert详解
2020/04/20 Python
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
澳大利亚家具和家居用品在线:BROSA
2017/11/02 全球购物
美术学专业求职信
2014/07/23 职场文书
大学生党员自我剖析材料
2014/10/06 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
财务管理制度范本
2015/08/04 职场文书
病房管理制度范本
2015/08/06 职场文书
MySQL 聚合函数排序
2021/07/16 MySQL
Python Matplotlib绘制条形图的全过程
2021/10/24 Python
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫