Ⅰ 結合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>