精华内容
下载资源
问答
  • 使用HTML+shell编写九九乘法口诀脚本
    2021-06-08 15:53:34

    首先Linux操作系统需要安装好httpd,以测试脚本效果:

    脚本内容如下:#!/bin/bash

    CURRENT_HTML=/var/www/html/index.html

    cat < $CURRENT_HTML

    九九乘法表

    九九乘法表

    EOF

    for ((i=1;i<=9;i++));

    do

    for ((j=1;j<=9;j++));

    do

    if [[ $j -le $i ]]; then

    let "mutil=$i*$j"

    if [[ $j -eq 1 ]];then

    echo "

    $i*$j=$mutil" >> $CURRENT_HTML

    elif [[ $j -lt $i ]]; then

    echo "

    $i*$j=$mutil" >> $CURRENT_HTML

    elif [[ $j -eq $i ]]; then

    echo "

    $i*$j=$mutil" >> $CURRENT_HTML

    fi

    else

    break

    fi

    done

    echo >> $CURRENT_HTML

    done

    cat <> $CURRENT_HTML

    EOF

    编写好了脚本,在Linux上执行该脚本,并通过浏览器访问:如下图所示:

    cdc8424d9c01a7d96e8573af1e8a290b.png

    更多相关内容
  • 主要介绍了JavaScript乘法口诀表的简单实现,文中给出了详细的示例代码,这样对大家的理解和学习更有帮助,有需要的朋友们可以参考借鉴,下面来一起看看吧。
  • HTML乘法口诀表代码

    2018-01-07 16:30:49
    运用HTML编写的乘法口诀表,在HTML课程中通过练习乘法口诀的编写,熟练掌握HTML的编写
  • 99乘法表</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style type="text/css"> table{ width:800px; border-collapse:separate; } table td{ bor.
    <html>
    	<head>
    		<title>99乘法表</title>
    		<meta http-equiv="content-type" content="text/html;charset=utf-8">
    	<style type="text/css">
    	table{  
          width:800px;    
          border-collapse:separate;
        }
    	table td{
    		border:blue 2px solid;
    		font-weight:bold;
    		text-align:center;
    	}
    	</style>
    	</head>
    	<body>
    	
    	<h1>九九乘法口诀表一:</h1>
    	<script type="text/javascript">
    	document.write("<table>");
    	for(var x=1;x<10;x++)
    	{
    		document.write("<tr>");
    		for(var y=1;y<10;y++)
    		{
    			document.write("<td>" + y + "X" + x + "=" + x*y + "</td>");//<td>3X4=12</td>
    		}
    		document.write("</tr>");
    	}
    	document.write("</table>");
    	</script>
    		
    	<h1>九九乘法口诀表二:</h1>
    	<script type="text/javascript">
    	document.write("<table>");
    	for(var x=1;x<=9;x++)
    	{
    		document.write("<tr>");
    		for(var y=1;y<=x;y++)
    		{
    			document.write("<td>" + y + "x" + x + "=" + y*x + "</td>");
    		}
    		document.write("</tr>");
    	}
    	document.write("</table>");
    	</script>
         
    	<h1>九九乘法口诀表三:</h1>
    	<script type="text/javascript">
    	document.write("<table>");
    	for(var x=1;x<10;x++)
    	{
    		document.write("<tr>");
    		for(var y=1;y<10;y++)
    		{
    		if(y<x)
    			document.write("<th></th>");
    		else
    			document.write("<td>" + y + "X" + x + "=" + x*y + "</td>");//<td>3X4=12</td>
    		}
    		document.write("</tr>");
    	}
    	document.write("</table>");
    	</script>
    	
    	<h1>九九乘法口诀表四:</h1>
    	<script type="text/javascript">
    	document.write("<table>");      //通过生成一个表格,在每个格子里面输出
    	for(var x=9;x>=1;x--)           //在第一层for循环里面进行2个for循环
    	{
    		document.write("<tr>");
    		for(var i=1;i<10-x;i++)     //这层是循环输出空格子的
    		{
    			document.write("<th></th>")
    		}
    			for(var y=x;y>=1;y--)   //再倒过来输出
    			{
    			document.write("<td>" + y + "X" + x + "=" + y*x + "</td>");
    			}	
    	}	
    	document.write("</table>");
    	</script>
    	
    	</body>
    </html>

     

     

    展开全文
  • 九九口诀乘法表.html

    2019-11-06 09:32:08
    简单示例的HTML代码,方便初学者的学习和应用,希望有所帮助。
  • 这节课来具体讲解关于变量、数据类型和运算符的基础知识,然后利用这些知识在网页上显示一个九九乘法口诀表。变量变量是用来存储一个数据的容器。JavaScript变量的定义规范是这样的:var x=1;var y;var name='...

    上节课主要讲解的是JavaScript代码的规范和格式。

    这节课来具体讲解关于变量、数据类型和运算符的基础知识,然后利用这些知识在网页上显示一个九九乘法口诀表。

    变量

    变量是用来存储一个数据的容器。

    JavaScript变量的定义规范是这样的:

    var x=1;

    var y;

    var name='Michael';

    在变量名前面用关键字var来进行定义。

    定义变量名的同时可以对变量用赋值=进行设置初始值。

    变量必须以字母开头;

    变量能以$和_符号开头;

    变量名称对大小写敏感(例如 x 和 X 是不同的变量)。

    一个好的编程习惯,是在程序开始之处对需要用到的变量统一定义。

    来做一个加法计算器,定义2个变量,然后将2个变量相加,结果赋值给一个新的变量,然后输出到控制台。

    修改testjs.js文件如下:

    var a=3;

    var b=5;

    var c=a+b;

    console.log(a,'+',b,'=',c);

    99504388_1

    将新增的函数addValue替换到click按钮的onclick事件上。

    修改testjs.html文件如下:

    99504388_2

    刷新网页,点击click按钮,然后打开网页调试工具,在console窗口可以看到输出结果。

    99504388_3

    这里的console.log的作用就是可以向浏览器调试工具输出log信息,这个方法对于调试JavaScript非常有用。

    输出的结果不会显示到网页内容中,只会出现在浏览器的调试工具的console窗口中。

    数据类型:数字、字符串、布尔和数组

    变量可以存储不同的数据类型的值。

    常见的数据类型有数字、字符串、布尔和数组。

    JavaScript只有一种数字类型,可以带小数点也可以不带。

    例如:

    var a=35.00;

    var a=35;

    字符串是用来存储字符的变量类型。

    例如:

    var name='michael';

    var name='jack';

    可以使用单引号或者双引号,注意的是前后如果用单引号,则当中的内容里面不要有单引号。

    布尔类型只有2个值:true和false。

    例如:

    var isnum=true;

    var notme=false;

    布尔类型用于条件判断语句中。

    数组可以存储一组变量,并可以通过下标序号访问数组的元素。

    例如:

    var names=new Array();

    names[0]='michael';

    names[1]='jack';

    names[2]='tom';

    或者 var names=new Array('michael','jack','tom');

    或者var names=['michael','jack','tom'];

    数组的第一个元素的下标序号是从0开始的。

    运算符

    前面用到的+就是一个运算符,是一个算术运算符。

    常用的运算符有3大类:算术运算符,赋值运算符,逻辑运算符,比较运算符。

    常用的算术运算符有:

    + 加法运算符

    - 减法运算符

    * 乘法运算符

    / 除法运算符

    % 求余数运算符

    算术运算法可以将2个变量进行算术计算得到一个新的值。

    例如:

    var x=9;

    var y=6;

    var z=x-y;

    z的值就等于3。

    例如:

    var name1='michael';

    var name2=' hello';

    var name=name1+name2;

    name的值就是'michael hello'。

    数字和数字相加等于数字,字符串和字符串相加等于字符串。如果是数字和字符串相加则等于字符串。

    常用的赋值运算符:

    = 赋值运算符

    符值运算符可以将数据赋予给一个变量。

    逻辑运算符:

    NOT 逻辑非运算符,使用!来运算

    AND 逻辑与运算符,使用&&来运算

    OR 逻辑或运算符,使用||来运算

    逻辑运算符只能对布尔变量进行运算。

    逻辑非运算符可以将布尔变量进行反向符值。

    例如,var a=true; var b=!a; 则b的值是false。

    逻辑与运算符,按照如下规则计算:

    true && true 的结果是true

    true && false 的结果是false

    false && true 的结果是false

    false && false 的结果是false

    规则是只有2个都为真结果才为真。

    逻辑或运算符,按照如下规则计算:

    true || true 的结果是true

    true || false 的结果是true

    false || true 的结果是true

    false || false 的结果是false

    规则是只要1个为真则结果为真。

    比较运算符用于比较,返回的结果是一个布尔数据类型的值。

    常见的有以下:

    == 等于

    > 大于

    <>

    >= 大于等于

    <=>=>

    例如:

    3==3 的值为 true

    3==5 的值为 false

    3>5 的值为false

    5<9>9>

    3>=3 的值为true

    一般关系运算符用于条件判断语句中。

    for循环

    为了实现九九乘法口诀表,肯定要用到循环,否则一个一个去写的话要累死。

    JavaScript里面的循环,同样有while循环和for循环,这里先来使用for循环。

    for循环的语法是这样的:

    for (语句1;语句2;语句3) {

    循环执行代码

    }

    语句1会在循环开始前执行一次,一般用于设置初始条件。

    语句2定义运行循环的条件,一般是一个比较运算的结果。

    语句3在每次循环执行代码完成之后运行一次,一般用于改变循环条件的变量。

    例如:

    for (var i=0;i<3;i++)>3;i++)>

    console.log(i);

    }

    它的运行次序是这样的:

    首先定义变量i的值为0,然后进入循环体内部执行,在console输出0,然后运行i++,这样i的值变为1,然后判断是否i<><><><><><>

    这样console就输出3次,输出结果从0到2。

    console里输出乘法口诀表

    假如要实现一个九九乘法口诀表,就需要第1排输出1*1=1,第2排输出1*2=2和2*2=4,这样统计下来,需要输出9行9列。

    因此,可以先用2层for循环来实现在console里面输出乘法口诀表。

    修改testjs.js代码如下:

    99504388_4

    刷新页面,点击click按钮。

    99504388_5

    可以看到console里面输出了乘法口诀表。

    网页中显示九九乘法口诀表

    要让乘法口诀表显示在网页中,需要利用到document.write语句了。

    document.write语句可以用于在网页中输出新的网页元素内容。

    先来增加一个div的样式吧,在head部分增加CSS样式:

    修改testjs.html代码如下:

    99504388_6

    这个样式定义了div为一个圆角的长方形,底色为浅灰色,边框为单实现深灰色,文字字体为紫色,字体为20px和其它样式。

    然后来在document里面用JavaScript代码输出一个div元素。

    修改testjs.html代码如下:

    99504388_7

    刷新网页:

    99504388_8

    可以看到,网页中在document.write执行的地方出现了一个div元素了,它的样式是前面定义好的样式。

    document.write方法可以向网页文档中输出指定的网页元素内容。

    如果要显示多行的div,那么可以利用

    来进行换行。

    修改testjs.html代码如下:

    99504388_9

    可以看到第2行出现了,第2行显示了2个元素。

    99504388_10

    修改代码,利用2层for循环,输出九九乘法口诀表。

    修改testjs.html代码如下:

    99504388_11

    刷新网页:

    99504388_12

    可以看到网页显示出了乘法口诀表。

    学习方法不同了

    可以感觉到,学哥现在对知识的讲法有所不同,由于有了前面2章的基础,尤其是学会了python语言的基础语法之后,再来学JavaScript,很多概念都是类似的,例如变量,数据类型,逻辑判断等等,所以学哥就会先把概念罗列出来,然后用更多的例子来进行练习,可以利用之前的基础,加快学习的速度。

    展开全文
  • 九九乘法表.html

    2019-05-17 10:54:16
    九九乘法表作为js入门的经典案例,可以帮助我们快速了解for循环的语法和基本的dom操作,希望可以帮助到大家
  • 练习:jsp页面输出九九乘法口诀表

    千次阅读 2020-04-21 14:38:49
    话不多说,我们直接上代码: | Settings | File ...charset=UTF-8" language="java" %> 九九乘法口诀表 九九乘法口诀表 (int i = 1; i ; i++) { %> (int j = 1; j ; j++) {%> (i * j)%> <% } %> <% } %> 效果截图:

    话不多说,我们直接上代码:

    <%--
      Created by IntelliJ IDEA.
      User: Administrator
      Date: 2020/4/21
      Time: 14:20
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>九九乘法口诀表</title>
        <style type="text/css">
    
            table{
                width: 650px;
            }
    
        </style>
    </head>
    <body>
    <h1 align="center">九九乘法口诀表</h1>
    <table align="center">
    
        <%for (int i = 1; i <= 9; i++) { %>
    
        <tr>
            <%for (int j = 1; j <= i; j++) {%>
            <td>
                <%=j + "x" + i + "=" + (i * j)%>
            </td>
            <% } %>
        </tr>
    
        <% } %>
    
    
    
    
    
    </table>
    
    </body>
    </html>
    

    效果截图:

     

    展开全文
  • html5--html实现乘法口诀表

    千次阅读 2017-12-19 23:56:00
    html5--html实现乘法口诀表 总结: 1、多种情况问题:分情况讨论就出来了 2、汉字和数字的对应关系 3、相同的部分统一处理,不同的部分分别对待(这里用中间变量)   问题:九九乘法口诀 两点提示: Math...
  • 练习一:在jsp页面中输出九九乘法口诀表 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> <style type="text/css">...
  • 输出九九乘法口诀表.(如下所示)1x1=11x2=22x2=41x3=32x3=63x3=9.....1x9=92x9=183x9=274x9=...算法分析首先容我先装一逼,依老夫多年的编程经验,本题一定需要循环!如果你目前还不知道为什么用循环,也没有关系,只要...
  • 用C语言编程乘法口诀表

    千次阅读 2021-05-19 11:33:31
    15 } 16 } 运行结果: 以上为九九乘法口诀表的代码和运行结果,如果有错误或者建议可以评论一下,一起学习! 标签:编程,int,代码,口诀,C语言,include,printf,main,void 来源: ...
  • 直接上代码 <script> var str = '' for (i = 1; i <= 10; i++) { for (j = 1; j <= i; j++) { str += j +'x'+ i +'='+ i * j +'\t' } str += '\n' } console.log(str); <...
  • DOCTYPE html> <html> <head> 乘法口诀表</title> </head> <body> <table > ($i=1; $i; $i++) { ?> ($i%2){ ?> <tr style="background-color: #ddd"> <?php }else { ?> <tr> <?php } ?> ($j=1; $j$i ; $j++)...
  • 乘法口诀HTML

    2022-01-13 10:12:19
    Html版本的乘法口诀代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>九九乘法</title> <style> p { width: 100px; display: ...
  • python打印九九乘法表 每种编程语言都可能会遇到编写“九九乘法表”的问题,用Python来处理也是很简单的,具体代码如下(基于Python3)): i = 1 while i 用Python实现九九乘法表打印 #!usr/bin/env python # -*- coding...
  • 九九乘法表用服务器端脚本的简单实现 3.实现代码 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta ...
  • 在Java面试过程中, 面试者经常会被要求手写代码或上机操作。一般来说,手写代码或上机操作,主要还是考察面试者的分析问题和解决问题的...九九乘法口诀表:1 * 1 = 11 * 2 = 22 * 2 = 41 * 3 = 32 * 3 = 63 * 3 = 91...
  • HTML实现九九乘法表

    千次阅读 2020-05-27 19:30:44
    代码 实现效果
  • 需求:输出九九乘法表 plus.py代码如下: i=1 j=1 while i<=9: j=1 while j<=i: print(j,'*',i,'=',str(i*j)+' ',end='\t') j +=1 print() i +=1 输出内容如下: 转载于:https://www.c...
  • 定义一个函数,打印九九乘法口诀表 思路:九九乘法表共有9行,先定义一个for外循环,用来分行,且小于等于9 再定义一个内循环,用来循环输出每一行的内容,循环次数J小于等于 k,当K循环次数越大时 内循环输出的...
  • DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...
  • 九九乘法口诀表

    2019-09-23 06:40:21
    <?php /** * 99乘法口诀表 * 外循环控制行数 * 内循环控制列 */ for ($i=1;$i<=9;$i++){ for ($j=1;$j<=$i;$j++){ echo "$j * $i = ".$i*$j.'&nbsp;&nbsp;'; } ...
  • 使用双重for循环输出九九乘法口诀表 public static void main(String[] args){ formula();}/** * for 循环实现9*9乘法口诀表 * "\t"表示空格,"\n"表示换行s */public static void formula(){ for(int i=1;i<=9;...
  • 乘法口诀助记功能,输出阶梯形式的 9*9 乘法口诀表,如: 所示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 988
精华内容 395
热门标签
关键字:

html九九乘法口诀表