当前位置:首页 » 网页前端 » 前端开发九九乘法表分析
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端开发九九乘法表分析

发布时间: 2022-06-20 21:49:43

Ⅰ 结合HTML+CSS+JavaScript完成如下图所示的九九乘法表,

不要一上来就要完整答案,当下次遇到问题,又不知道怎么解决了,希望自己动手解决。

提示:可以写个循环,然后循环输出,红色的,可以用jQuery来控制,也可以单独设置个样式来控制

<scriptlanguage="javascript">
vari=1
varj=1
document.write("<tableborder=0>")
for(i=1;i<10;i++){
document.write("<tr>")
for(j=1;j<=i;j++){
document.write("<td>")
document.write(j+"*"+i+"="+(i*j))
document.write("</td>")
}
for(j;j<=9;j++){

document.write("<td></td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>

Ⅱ 跪求HTML的九九乘法表编写代码最好用for的循环解释的越详细越好

for(var i = 1; i <= 9; i++){ //外层循环
for(var j = 1; j <= i; j++){ //内层循环
document.write(j+"*"+i+"="+i*j+" "); //输出结果
if((i*j)<10){
document.write(" "); //输出两个空格(为了看上去整齐一点)
}
}
document.write("</br>"); //输出一个换行符
}

循环流程是这样的:
第一次外循环,当i=1的时候,进入内循环,这时候j=1,所以在页面上输出1(j)*1(i)=1(i乘以j的积数)。注意,这里一定要内循环不满足条件才会进入第二次外循环,所以第二次内循环的时候j=2了(因为j++),那么它满足中间的条件j<=i吗?也就是现在的j(2)<=i(1)吗?显然条件不符合了,所以它退出内循环,执行内循环后面一句输出一个换行符,然后回到第二次外循环。

第二次外循环的时候,i=2(因为i++),进入内循环,因为是新一轮内循环,所以一开始还是j=1,输出结果为1*2=2,然后还是在内循环,这时候j=2,那么j(2)<=i(2)吗?是的。所以输出2*2=4,然后第三次内循环j=3,那么j(3)<=i(2)吗?否。所以退出内循环,执行下面输出一个换行符,进入第三层外循环。

以此类推,一直到外循环的i=10,不满足i <= 9的条件,它就不会进入内循环了,也不会执行任何操作了,所以也不会输出什么10*1这种表达式。

Ⅲ 九九乘法表编程 帮分析一下

呵呵,这个九九乘法表问题可大了.

那一行c=""可以拿掉了.不影响程序的效果

不过它这个可不是标准的乘法表..

1*1=1
2*1=2 2*2=4
.....

这种阶梯形的才是呵..

我帮你写一个吧.你应该看的更明白呵.

Private Sub Form_Click()
Dim a As Integer
Dim b As Integer

For a = 1 To 9

For b = 1 To a '这用到to a才能成阶梯形的..
'当a在第1轮是1时,b就是从1循环到1,只1次, 当a是2,时,b就从1到2循环2次
'以此类推,一直到a=9时,b就从1到9循环9次的.

Print a & "*" & b & "=" & a * b & " ";
'先打个a,再打个*号,再打个b,再打个=号,最后打a*b的值,注意最后是一个;号,就表示不换行
'比如a=9时,b从1循环到9, 这9个9*1一直到9*9是不换行的
Next b
Print
'这里打印了一空行,表示一轮b循环完了.
Next a

End Sub

Ⅳ 用JSP编写一个九九乘法表问题

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Hello JSP</title>

</head>

<body>

<!-- 九九乘法表 -->

<table id="table1">

<%

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

{

%>

<tr> <!-- i行 -->

<%

for(int j=1;j<=i;j++)

{

%>

<td> <!-- j列 -->

<%

out.print(i+"*"+j+"="+(i*j));

%>

</td>

<%

}

%>

</tr>

<%

}

%>

</table>

</body>

<script type="text/javascript" src="js/jquery-1.11.0.js"></script>

<script type="text/javascript">

$("#table1 tr:even").css("background-color","bisque");

$("#table1 tr:odd").css("background-color","#D6BCD6");

</script>

</html>

换行:利用<table>来控制乘法表的格式,共9*9,但并不是每行都有9列,所以要用jsp编写双重for循环控制每行的列数。

(4)前端开发九九乘法表分析扩展阅读:

用JSP输出九九乘法表

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

pageEncoding="ISO-8859-1"%>

<%@ page import="java.util.*" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>打印九九乘法表</title>

</head>

<body>

<%

long startTime = System.nanoTime();//记录开始时间单位是纳秒

%>

输出九九乘法表

<hr>

<%

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

{

for(int j = 1;j<=i;j++)

{

String str = j + "*" + i + "=" + j * i;

out.print(str+" ");

}

out.print("<br>");

}

long time = System.nanoTime() - startTime;

%>

生成九九乘法表用时为(单位是纳秒):

<%

out.print(time/1000);

%>

</body>

</html>

Ⅳ javascript 的九九乘法表问题

有几个字母抄错了。

documen应该写成document,还有j要小写,等等。。

我帮你改好了,代码如下:

--------------------------------------

<HTML>
<HEAD>
<META NAME="GENERATOR"CONTENT="Javascript Editor2">
<TITLE>JavaScript Sample</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var i,j;
i=0;
while(true)
{
i++;
j=0;
document.write("<BR>");
while(j<i)
{
if(i>9)
{break;
}
j++;
document.write(i+'*'+j+'='+i*j+'');

}
}

//-->
</SCRIPT>
</HEAD>
<BODY>

</BODY>
</HTML>

Ⅵ JavaScript如何做九九乘法表

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<script>

var num=0;

for(var i=1 ;i<10;i++){

for(var j=1;j<10;j++){

num=i*j;

if(num/10<1){

num="&nbsp;&nbsp;"+i*j;

}

if(j<=i) {

document.write(j + "*" + i + "=" + num + "&nbsp;&nbsp;&nbsp;&nbsp;");

}

}

document.write("<br>");

}

</script>

</body>

</html>

(6)前端开发九九乘法表分析扩展阅读:

JavaScript For 循环

JavaScript 支持不同类型的循环:

  • for- 循环代码块一定的次数

  • for/in- 循环遍历对象的属性

  • while- 当指定的条件为 true 时循环指定的代码块

  • do/while- 同样当指定的条件为 true 时循环指定的代码块

下面是 for 循环的语法:

for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}

语句 1在循环(代码块)开始前执行;

语句 2定义运行循环(代码块)的条件;

语句 3在循环(代码块)已被执行之后执行。

Ⅶ 编程输出九九乘法表并分析该程序的时间复杂度

for(int i=1;i<10;i++)
{
for(int j=1;j<=i;j++)
{
printf("%d*%d=%d",i,j,i*j);
}
printf("\n");
}

时间复杂负o(n^2)

Ⅷ JS基于for语句编写的九九乘法表示例

本文实例讲述了JS基于for语句编写的九九乘法表。分享给大家供大家参考,具体如下:
js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表;
先看运行效果:
核心代码如下:
<script
type="text/javascript">
document.write('<table
border="1"
bgcolor="#ccc"
width="80%"
cellpadding="0"
cellspacing="0">');
for(var
i=1;i<=9;i++){
document.write('<tr>');
for(var
j=1;j<=i;j++){
document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
}
document.write('</tr>');
}
document.write('</table>');
</script>
大家可以试着去走一下循环,我们把九九乘法表的两个乘数设为两个变量,分别是i和j;
当i=1时满足for循环的条件,执行循环语句,先输出一个<tr>(table标签里面的行属性),然后执行tr里面的另一个for循环;
令j=1,j<=i,此时的i=1,符合循环条件,执行循环语句,输出1*1=1;j++之后j的值就变成了2;我们再来看j<=i,就是2<=1是错误的,因此终止循环;
我们第一遍循环就输出了一行,行里面的内容是1*1=1;那我们在用i++令i=2执行循环,同样根据上面的来走循环;
知道i走到9再往下走到10不符合条件的时候,终止整个循环,我们就输出了一个原汁原味的九九乘法表;
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。

Ⅸ 如何用javascript编写九九乘法表

<script type="text/javascript" >

function step(){

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

for(j=1;j<=i;j++){

document.write(i+"x"+j+"="+i*j +"");

}document.write("<br/>")

}

}

</script>

</head>

<body onload="step()">

</body>

(9)前端开发九九乘法表分析扩展阅读

c语言九九乘法表,具体代码如下,在Trubo2.0、3.0、VC6.0下正常。

#include <stdio.h>

int main(void)

{

int i,j;

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

{

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

printf("%d*%d=%d ",j,i,j*i);

printf(" ");

}

}

Ⅹ JavaScript和网页怎样实现动态九九乘法表

<html>
<body>
<script>
var IsInitReader = 0;
function test(){
var num = document.getElementById("num").value;
if(isNaN(num)){
alert("请重新输入一个整数");
}else if(num<1||num>9){
alert("请重新输入一个1至9之间的整数");
}else{
var table = document.getElementById("table");
var result = "";
for(var i=num;i<=9;i++){
result +=num+"*"+i+"="+(num*i);
if(i!=9){
result +="<br>";
}
}
table.innerHTML = result;
}

}
</script>

输入一个整数:<input id="num" width=100></input><input type="button" value="生成九九乘法表" onclick="test()"></input><br>
<div id="table"></div>

</body>
</html>