Ⅰ 结合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=" "+i*j;
}
if(j<=i) {
document.write(j + "*" + i + "=" + num + " ");
}
}
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>