爲什麼運行代碼時不顯示數字，方形和立方體？

我正在學習一本書的JavaScript，這裏有這個練習：計算從0到10的數字的正方形和立方體，並在html表中顯示值。他們應該像這樣顯示： Table 爲什麼運行代碼時不顯示數字，方形和立方體？

我的代碼是這樣的：

<head> 

<script type="text/javascript"> 
<!-- 
var square; 
var cube; 
document.write("<table border='0'>"); 
for (var number = 0; number <=10; number +=1){ 
    square = number*number; 
    cube = number*number*number;  
    document.write("<tr>"); 
    document.write("<td>"); 
    document.writeln(number); 
    document.write("</td>"); 
    document.write("<td>"); 
    document.writeln(square); 
    document.write("</td>"); 
    document.write("<td>"); 
    document.writeln(cube); 
    document.write("</td>"); 
    document.write("</tr>"); 
} 
document.write("</table>");   
// --> 
</script> 
</head>

問題是，當我運行這個我不明白它說數正方形立體

標題我只得到數字結果...我的錯誤在哪裏？

來源

2015-11-30 Jane D.

對於初學者來說，寫這*爲 *是完全不正確。首先將其放入網站的。另外，它會說「數字，方塊，立方體」在哪裏？你不輸出任何標題！ – deceze

@deceze - 哇..沒有一個答案已經拿起了這一事實，它全部在''並且永遠不會顯示 –

@JaromandaX嗯，它可能會*顯示，因爲頭部的

是無效的，所以瀏覽器將隱含關閉 ...但它仍然是無稽之談。 – deceze

回答

添加<THEAD>部分是這樣的：

<head> 

<script type="text/javascript"> 
<!-- 
var square; 
var cube; 
document.write("<table border='0'>"); 
document.write("<thead><th>number</th><th>square</th><th>cube</th></thead>"); 
for (var number = 0; number <=10; number +=1){ 
    square = number*number; 
    cube = number*number*number;  
    document.write("<tr>"); 
    document.write("<td>"); 
    document.writeln(number); 
    document.write("</td>"); 
    document.write("<td>"); 
    document.writeln(square); 
    document.write("</td>"); 
    document.write("<td>"); 
    document.writeln(cube); 
    document.write("</td>"); 
    document.write("</tr>"); 
} 
document.write("</table>");   
// --> 
</script> 
</head>

來源

2015-11-30 10:37:53

我不完全知道你是問什麼，但如果你想文本還您需要：

document.writeln('Number: ' + number);

也期待一個告訴過這裏using document.write

來源

2015-11-30 10:37:30 JBux

你缺少標題行...

<head> 
 

 
    <script type="text/javascript"> 
 
    <!-- 
 
    var square; 
 
    var cube; 
 
    document.write("<table border='0'>"); 
 
    document.write("<tr>"); 
 
    document.write("<td>"); 
 
    document.writeln("number"); 
 
    document.write("</td>"); 
 
    document.write("<td>"); 
 
    document.writeln("square"); 
 
    document.write("</td>"); 
 
    document.write("<td>"); 
 
    document.writeln("cube"); 
 
    document.write("</td>"); 
 
    document.write("</tr>"); 
 
    for (var number = 0; number <= 10; number += 1) { 
 
     square = number * number; 
 
     cube = number * number * number; 
 
     document.write("<tr>"); 
 
     document.write("<td>"); 
 
     document.writeln(number); 
 
     document.write("</td>"); 
 
     document.write("<td>"); 
 
     document.writeln(square); 
 
     document.write("</td>"); 
 
     document.write("<td>"); 
 
     document.writeln(cube); 
 
     document.write("</td>"); 
 
     document.write("</tr>"); 
 
    } 
 
    document.write("</table>"); 
 
    // --> 
 
    </script> 
 
</head>

來源

2015-11-30 10:38:13

<script type="text/javascript"> 
    <!-- 
    var square; 
    var cube; 
    document.write("<table border='0'>"); 
    //document.write("<td>") 

    document.write("<tr>"); 
    document.write("<td>"); 
    document.writeln("number"); 
    document.write("</td>"); 
    document.write("<td>"); 
    document.writeln("Square"); 
    document.write("</td>"); 
    document.write("<td>"); 
    document.writeln("Cube"); 
    document.write("</td>"); 
    document.write("</tr>"); 

    for (var number = 0; number <=10; number +=1){ 
     square = number*number; 
     cube = number*number*number; 
     document.write("<tr>"); 
     document.write("<td>"); 
     document.writeln(number); 
     document.write("</td>"); 
     document.write("<td>"); 
     document.writeln(square); 
     document.write("</td>"); 
     document.write("<td>"); 
     document.writeln(cube); 
     document.write("</td>"); 
     document.write("</tr>"); 
    } 
    document.write("</table>"); 
    // --> 
</script>

試試這個代碼，而不是你的代碼。在你的代碼中，你錯過了列的標題。

來源

2015-11-30 10:46:35 Nutan

它一直是描述你的代碼的好習慣。根據你的回答，提問者如何理解他們的代碼有什麼問題，以及你對相應的代碼做了哪些改變。使其更具描述性，以便正確理解它。 –

非常感謝，我會在我的其他帖子中記住這一點 – Nutan

可以生成表像

document.write("<table><tr><th>number</th><th>square</th><th>cube</th></tr>"); 
for(i=1;i<=10;i++){ 
var square=i*i; 
var cube=i*i*i; 
    document.write("<tr><td>"+i+"</td><td>"+square+"</td><td>"+cube+"</td></tr>"); 

}

來源

2015-11-30 10:52:24

相關問題