基于javascript实现九九乘法表

 更新时间:2016年03月27日 08:57:26   作者:风雨后见彩虹  
这篇文章主要为大家详细介绍了基于javascript实现九九乘法表的相关资料,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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设计模式之原型模式(Object.create与prototype)介绍

    JavaScript设计模式之原型模式(Object.create与prototype)介绍

    这篇文章主要介绍了JavaScript设计模式之原型模式(Object.create与prototype)介绍,原型模式指使用原型实例来拷贝、创建新的可定制的对象,新建的对象,不需要知道原对象创建的具体过程,需要的朋友可以参考下
    2014-12-12
  • javascript-简单的日历实现及Date对象语法介绍(附图)

    javascript-简单的日历实现及Date对象语法介绍(附图)

    主要是对Date对象的使用,首先回忆一下Date对象的参数及方法,代码如下,感兴趣的朋友可以参考下哈
    2013-05-05
  • js如何读取csv内容拼接成json

    js如何读取csv内容拼接成json

    这篇文章主要介绍了js如何读取csv内容拼接成json,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 推荐4个原生javascript常用的函数

    推荐4个原生javascript常用的函数

    这篇文章主要介绍了推荐4个原生javascript常用的函数,需要的朋友可以参考下
    2015-01-01
  • bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能

    bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能

    这篇文章主要介绍了bootstrap-table.js扩展分页工具栏,增加跳转到xx页功能,由于小编的水平停留在dom级,此次扩展只支持页面上的表格,如果大家有好的建议欢迎提出
    2017-12-12
  • JavaScript手写数组的常用函数总结

    JavaScript手写数组的常用函数总结

    这篇文章主要给大家介绍了关于JavaScript手写数组常用函数的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • 最通俗易懂的javascript变量提升详解

    最通俗易懂的javascript变量提升详解

    下面小编就为大家带来一篇最通俗易懂的javascript变量提升详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 微信小程序webview与h5通过postMessage实现实时通讯的实现

    微信小程序webview与h5通过postMessage实现实时通讯的实现

    这篇文章主要介绍了微信小程序webview与h5通过postMessage实现实时通讯的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • webpack proxy 使用(代理的使用)

    webpack proxy 使用(代理的使用)

    这篇文章主要介绍了webpack proxy 使用(代理的使用),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • uni-app登录与支付功能实现三秒后自动跳转

    uni-app登录与支付功能实现三秒后自动跳转

    这篇文章主要介绍了uni-app:登录与支付-- 三秒后自动跳转,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03

最新评论