基于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实现拖动示例代码
Nov 01 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
Nov 25 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
Aug 16 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
详解使用fetch发送post请求时的参数处理
Apr 05 Javascript
微信小程序-滚动消息通知的实例代码
Aug 03 Javascript
vue自动化表单实例分析
May 06 Javascript
layui 监听表格复选框选中值的方法
Aug 15 Javascript
Vue如何使用混合Mixins和插件开发详解
Feb 05 Javascript
javascript实现获取中文汉字拼音首字母
May 19 Javascript
浅谈JavaScript中this的指向更改
Jul 28 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文本数据库的搜索方法
2006/10/09 PHP
PHP实现Redis单据锁以及防止并发重复写入
2018/04/10 PHP
Docker 安装 PHP并与Nginx的部署实例讲解
2021/02/27 PHP
读jQuery之七 判断点击了鼠标哪个键的代码
2011/06/21 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
2013/05/17 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
javascript内存管理详细解析
2013/11/11 Javascript
对table和ul实现js分页示例分享
2014/02/24 Javascript
JavaScript代码复用模式详解
2014/11/07 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
AngularJs动态加载模块和依赖注入详解
2016/01/11 Javascript
基于jquery实现智能表单验证操作
2016/05/09 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
2018/02/21 Javascript
JS可断点续传文件上传实现代码解析
2020/07/30 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
Python中的面向对象编程详解(下)
2015/04/13 Python
基于python的Tkinter实现一个简易计算器
2015/12/31 Python
Python轻量级ORM框架Peewee访问sqlite数据库的方法详解
2017/07/20 Python
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
python3利用venv配置虚拟环境及过程中的小问题小结
2018/08/01 Python
python django框架中使用FastDFS分布式文件系统的安装方法
2019/06/10 Python
python3.x+pyqt5实现主窗口状态栏里(嵌入)显示进度条功能
2019/07/04 Python
使用 CSS3 中@media 实现网页自适应的示例代码
2020/03/24 HTML / CSS
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
亚洲独特体验旅游专家:eOasia
2018/08/15 全球购物
俄罗斯香水在线商店:AromaCode
2019/12/04 全球购物
成人教育自我鉴定
2013/11/01 职场文书
《满井游记》教学反思
2014/02/26 职场文书
大学生找工作求职信
2014/07/09 职场文书
团组织关系介绍信
2019/06/24 职场文书
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android