2014-10-06 33 views
-2

我讀了一本JavaScript書,它給了你一段代碼來運行,但是當我這樣做時我什麼都沒有得到。它運行但不顯示任何內容。爲什麼不影響這段JavaScript代碼?

var theNumber = Number(prompt("Pick a number", "")); 
alert("Your number is the square root of " + 
    theNumber * theNumber); 

我運行這段代碼豎琴項目,其中_layout.jade看起來裏面:

doctype 
html 
    head 
    link(rel="stylesheet" href="/main.css") 
    body 
    != yield 
    <script src="main.js" type="text/javascript"></script> 

main.js

var theNumber = Number(prompt("Pick a number", "")); 
alert("Your number is the square root of " + 
    theNumber * theNumber); 

我知道的配置是可以的,因爲我在那之前已經運行了另一段代碼。谷歌瀏覽器運行代碼,但不顯示任何窗口。我認爲這可能是adPause,但事實並非如此。任何人都知道它會發生什麼? 謝謝

+1

按F12,看在控制檯錯誤消息。 – 2014-10-06 15:08:49

+1

運行在這裏:http://jsfiddle.net/3amL7svb/ - 你包括js嗎? – tymeJV 2014-10-06 15:08:52

+0

file.js的路徑是否正確?代碼很好。即使在堆棧片段中運行。 – j08691 2014-10-06 15:09:30

回答

0

如果您使用chrome打開.js文件,您只需將其作爲原始文本進行查看。您需要將其包含在HTML頁面中,像這樣:

<html> 
    <head> 
     <script type='text/javascript'> 
      window.onload = function() 
      { 
       var theNumber = Number(prompt("Pick a number", "")); 
       alert("Your number is the square root of " + (theNumber * theNumber)); 
      } 
     </script> 
    </head> 
    <body> 

     <!-- page content, if any --> 

    </body> 
</html> 

- 或 -

<html> 
    <head> 
     <script type='text/javascript' src='script.js'></script> 
    </head> 
    <body> 

     <!-- page content, if any --> 

    </body> 
</html> 

的script.js:

window.onload = function() 
{ 
    var theNumber = Number(prompt("Pick a number", "")); 
    alert("Your number is the square root of " + (theNumber * theNumber)); 
} 
+0

這就是我正在做的 – 2014-10-06 15:22:27

+0

您的.js代碼沒有被執行。把它放在'window.onload'處理程序中,如我編輯的答案中所示。 – Matt 2014-10-06 15:41:16

+0

仍然無法使用。我知道代碼被執行,因爲如果我鍵入一個console.log,它的工作原理 – 2014-10-06 16:07:45