2017-02-16 78 views
0

你好,我認爲這是一個基本的問題或錯誤,我相信我要問這裏(我appologies爲是題材上無知的),但我想從java的參考手冊(JavaScript:David Flanagan的權威指南 )開始,在html文件的腳本標記中運行此代碼。我相信這可能是一個非常小的錯誤,下面是我的代碼:<script>標籤不工作我試圖在HTML文件中運行腳本標籤的JavaScript腳本

<!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, initial-scale=1"> 
    <title>js book example1</title> 
</head> 

<body> 
    <p>test</p> 
    <script> 
     document.write("<h2>Table of Fibonacci Numbers</h2>"); 
     for (i = 0, j = 1, k = 0. fib = 0; i < 50; i++, fib = j + k, j = k, k = fib) { 
      document.write("Fibonacci(" + i + ") =" + fib); 
      document.write("<br>";) 
     } 
    </script> 
</body> 

</html> 
+1

提示:使用瀏覽器的JavaScript控制檯,它會報告任何腳本錯誤和其他任何需要您注意。 – Dai

+0

另外,避免使用'document.write' - 這是一種向網頁添加內容的緩慢和過時的方式(並且它不會像您在回調函數或事件處理程序中期望的那樣工作),而是使用DOM API('document .createElement'等)。 – Dai

回答

2

你有兩個輸入錯誤:

  • k=0.應該k=0,
  • document.write("<br>;")應該document.write("<br>");

document.write("<h2>Table of Fibonacci Numbers</h2>"); 
 
for(i=0, j=1, k=0, fib=0; i<50; i++, fib=j+k, j=k, k=fib){ 
 
    document.write("Fibonacci(" + i + ") =" +fib); 
 
    document.write("<br>"); 
 
}

很容易找出問題(下次)是打開開發人員工具(如果使用Chrome,請按F12)並導航至控制檯選項卡。在那裏你會看到問題所在的路線,你可以立即在這些情況下解決問題。

我嚴格遵循上述方法,以找出什麼是錯的。我甚至沒有嘗試閱讀代碼:)。控制檯選項卡具有以下內容。如果您注意到圖像的最右邊部分,則會出現錯誤出現的位置。

enter image description here

如果你現在點擊在該行(JS:14),你會看到以下內容:

enter image description here

通過糾正這一點,從你會發現第二個開始啓動按照相同的程序錯誤。

+0

k = 0應該是'k = 0,' – Phil

+0

@菲爾非常感謝你:)這次我的迷糊吧! – Christos

+0

感謝百萬,我知道這是一個錯誤的地方,我瘋了,哈哈,謝謝 –

1

您現在有你的代碼中的兩個錯別字,將甩開語法,從而導致你的代碼無法按預期工作:

// You had a period here instead of a comma (after "k=0"), which will cause 
// the remainder of your for loop to not be properly parsed 
for (i = 0, j = 1, k = 0, fib = 0; i < 50; i++, fib = j + k, j = k, k = fib) { ... } 

和:

// This was previously document.write("<br>";), note the transposed ";)" which should be 
// ");" 
document.write("<br>";) 

<!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, initial-scale=1"> 
 
    <title>js book example1</title> 
 
</head> 
 

 
<body> 
 
    <p>test</p> 
 
    <script> 
 
    document.write("<h2>Table of Fibonacci Numbers</h2>"); 
 
    for (i = 0, j = 1, k = 0, fib = 0; i < 50; i++, fib = j + k, j = k, k = fib) { 
 
     document.write("Fibonacci(" + i + ") =" + fib); 
 
     document.write("<br>"); 
 
    } 
 
    </script> 
 
</body> 
 
</html>

+0

謝謝我欣賞 –