基于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 相关文章推荐
jQuery 创建Dom元素
May 07 Javascript
5款JavaScript代码压缩工具推荐
Jul 07 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
jquery html动态添加的元素绑定事件详解
May 24 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
Jun 01 Javascript
bootstrap选项卡扩展功能详解
Jun 14 Javascript
javascript获取指定区间范围随机数的方法
Sep 08 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
Apr 17 Javascript
配置一个vue3.0项目的完整步骤
Apr 26 Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 Javascript
layui 地区三级联动 form select 渲染的实例
Sep 27 Javascript
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 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巧获服务器端信息
2006/12/06 PHP
PHP CURL模拟GET及POST函数代码
2010/04/25 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
laravel实现按时间日期进行分组统计方法示例
2019/03/23 PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
2019/10/18 PHP
JS BASE64编码 window.atob(), window.btoa()
2021/03/09 Javascript
繁简字转换功能
2006/07/19 Javascript
js宝典学习笔记(上)
2007/01/10 Javascript
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
2009/06/04 Javascript
Prototype String对象 学习
2009/07/19 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
2018/04/26 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
基于python实现微信模板消息
2015/12/21 Python
python 实现将txt文件多行合并为一行并将中间的空格去掉方法
2018/12/20 Python
ERLANG和PYTHON互通实现过程详解
2019/07/05 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
使用CSS3的font-face字体嵌入样式的方法讲解
2016/05/13 HTML / CSS
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
营销与策划专业毕业生求职信
2013/11/01 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
2015年调度员工作总结
2015/04/30 职场文书
环保建议书作文500字
2015/09/14 职场文书
学校运动会开幕词
2016/03/03 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书
Python机器学习之逻辑回归
2021/05/11 Python
Requests什么的通通爬不了的Python超强反爬虫方案!
2021/05/20 Python