2017-02-16 74 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

谢谢我欣赏 –