九九乘法表

最新推荐文章于 2021-05-17 20:24:30 发布
最新推荐文章于 2021-05-17 20:24:30 发布
阅读量325 收藏
点赞数 2
分类专栏： JavaScript demo 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZZZ___jh/article/details/109519222
版权

九九乘法表

  • css代码
    <style>
        a{
            opacity: 0;
        }
        div{
            display: inline-block;
            width:60px;
            height:20px;
        }
         span{
            display: inline-block;
            width:60px;
            opacity: 0;
            height:20px;
        }
    </style>
  • js代码
<body style="width:800px;">
    <script>
         //九九乘法表
         //第一种
         //行
         for(var i=1;i<=9;i++){
            // 列
             for(var j=1;j<=i;j++){
                 document.write(i+"*"+j+"="+i*j+"<a>***</a>");
             }
             document.write("<br/>");
         }
         document.write("<hr/>");

         //第二种
         //行
         for(var i=9;i>=1;i--){
             for(var j=1;j<=i;j++){
                document.write(i+"*"+j+"="+i*j+"<a>***</a>");
             }
             document.write("<br/>");
         }
         document.write("<hr/>");

         //第三种
         //行
         for( var i=1;i<=9;i++ ){
             //打印空白
             for( var j=1;j<=9-i;j++ ){
                document.write("<span>"+i+"*"+j+"="+i*j+"</span>"+"<a>***</a>");
             }
              //打印乘法式子
             for( var k=1;k<=i;k++){
                document.write("<div>"+i+"*"+k+"="+i*k+"</div>"+"<a>***</a>");
             }
            document.write("<br/>");
         }
         document.write("<hr/>");
         
         //第四种
         //行
         for( var i=9;i>=1;i-- ){
             //打印空白
             for( var j=1;j<=9-i;j++ ){
                document.write("<span>"+i+"*"+j+"="+i*j+"</span>"+"<a>***</a>");
             } 
             //打印乘法式子
             for( var k=1;k<=i;k++){
                document.write("<div>"+i+"*"+k+"="+i*k+"</div>"+"<a>***</a>");
             }
            document.write("<br/>");
         }
         document.write("<hr/>");
    </script>
</body>
  • 在浏览器显示
    在这里插入图片描述
ZZZ --- jh
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用python 打印九九乘法表的7种方式 （python经典编程案例）
数据知道的博客
07-13 44万+
用python 打印九九乘法表，代码如下： # 九九乘法表 for i in range(1, 10): for j in range(1, i+1): print('{}x{}={}\t'.format(j, i, i*j), end='') print() 执行结果如下图： ...
C语言写九九乘法表
qq_66251709的博客
04-01 7万+
用for循环编写九九乘法表，主要就是控制内层和外层循环的数字，和一些重复的式子的舍弃，做到不重复和对于一些空格的把握，就能熟练的完成各种形状的三角形 1.等腰三角形 #include<stdio.h> int main() { int a = 0,b = 0,c = 0; for(a = 9;a >= 1;a--){ for(c =0;c<=(8-a)*4;c++){ printf(" "); } for(b = 1;b <= a;b++)
JavaScript实现九九乘法表的简单实例
10-22
3. JavaScript基础：在文档中，JavaScript被用来动态生成九九乘法表的内容，并在浏览器中显示出来。使用document.write()方法能够直接向文档写入HTML代码，通过两层嵌套的for循环，分别控制行和列的生成，内层循环...
ASP/PHP语言九九乘法表程序实例-表格输出带CSS样式
11-26
本文将详细解析如何使用这两种语言实现一个经典的教育工具——九九乘法表，并结合CSS（Cascading Style Sheets）来增强页面的视觉效果。 首先，ASP是一种微软开发的服务器端脚本环境，它允许开发人员在HTML页面中...
Scratch九九乘法表 Scratch案例教程 Scratch创意编程教学
03-09
通过Scratch制作完整的九九乘法表格 完整的案例视频可以查看：https://www.bilibili.com/video/BV16P4y1g7xF 完整的案例教学分析过程可以查看：https://blog.csdn.net/frank2102/article/details/123372283
sql语句实现四种九九乘法表
12-15
在SQL中实现九九乘法表是一个有趣且实用的练习，可以帮助我们理解SQL语句的逻辑构造和控制流程。以下将详细解释四种不同的方法来创建九九乘法表。 1. **左下角九九乘法表** 这种方法使用了两个嵌套的WHILE循环和一...
js练习题(二)
ZZZ___jh的博客
11-05 2975
js练习题 一. 选择题 分析下段代码输出结果是( ). B var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < arr.length;i++) { sum +=arr[i]; } console.log(sum); A. 20 B. 18 C. 14 D. 12 [多选]以下关于 Array 数组对象的说法不正确的是( ). CD A. 对数组里数据的排序可以用 sort 函数，如果排序效果非预期，可
js练习题
ZZZ___jh的博客
11-05 2206
js练习题 一. 选择题 写“Hello World ”的正确 javascript语法是( ). A A. document.write(“Hello World”) B. “Hello World” C. response.write(“Hello World”) D. (“Hello World”) 在JavaScript表达式中13+“13”+"5"的结果是( ). D A. 29 B. 1217 C. 126 D. 13135 对JavaScript基本语法描述不正确的一项是( ).
new关键字 及 this指向
ZZZ___jh的博客
09-25 1171
new关键字 主要用来创建对象时初始化对象 new在执行时会做4件事:             new会在内存中创建一个新的空对象;             new会让this指向这个新对象;         
JavaScript初识
ZZZ___jh的博客
09-21 996
JavaScript 简介: JavaScript是脚本语言 JavaScript是一种轻量级的编程语言 JavaScript是可插入HTML页面的编程代码 JavaScript插入HTML页面后,可由所有的现代浏览器执行 用法: 行内 <input type="button" value="button" onclick="alert('111')"> 内嵌 <script type="text/javascript"> alert('1111'); </scr
js中!!()的作用
ZZZ___jh的博客
05-17 800
js中!!()的作用 总体来说,就是 强制转换为布尔类型(boolean) JavaScript是弱类型语言,他其中有数据类型的转化,有显示类型转换和隐式类型转换. 隐式类型转换 定义: 不需要程序员定义，JavaScript会自动将某一个类型的数据转换成另一个类型的数据。 JavaScript隐式类型转换的规则：将类型转换到环境中应该使用的类型。 其他类型转换为布尔类型为假的情况: 0 0.0 " " NAN false undefined 可以隐式类型转换的情况： 数字类型：在字符串环境下可以隐式
$(document).ready()方法和window.onload方法的区别
ZZZ___jh的博客
12-02 555
$(document).ready()方法和window.onload方法的区别 JQuery中$(document).ready()方法的作用类似于JavaScript中的window.onload方法，都可以在网页加载完成后执行一些操作，不过这两种方法严格意义上来说还是有很大区别的 1.执行时间不同 window.onload必须等到页面内的所有元素（）加载完毕后才能执行。 注：所有元素是指包括页面结构、内容及所有关联文件，如站内与站外的js与css文件、图片等 $(document).ready()是
js 单击按钮排他事件
ZZZ___jh的博客
09-29 542
js 单击按钮排他事件 html代码 : <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value="绿了"/> <input type="button" value
创建对象的六种方式及优缺点
ZZZ___jh的博客
09-25 402
创建对象的四种方式 //1- 构造函数创建对象 var per = new Object(); per.name = "花花"; //2- 字面量创建对象 var per1 = {name:"花花"}; per1.age = 19; //3- 自定义构造函数 function Per2(name,age){ this.name = name; this.age = age; this.eat = function (){ return this.name; } } var per3 = n
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值