2015-05-29 106 views
0

所以我試圖在notepad ++和Javascript中使用document.write函數來打印文本和已定義的變量。打開.html文件時,我無法在網絡瀏覽器中顯示任何內容。我是Javascript新手。這是我的代碼。使用文檔編寫的Javascript

<html> 
<body> 
<script> var x == 23 ; var y == 55 ; var z == var x + var y ;</script> 
<script> document.write("The sum of x + y" + z +<br>);</script> 
<script> document.write("The sum of x + y = " + z + <br>);</script> 
<script> document.write("The sum of x + y = " + (x + y) + <br>);</script> 
<script> var x = "Bob Dylan" , var y = "is enrolled in COP 2500" , var z = "with Professor Whiting, she is the BEST!"</script> 
<script> document.write(x + y + z);</script> 
</body> 
</html> 
+1

你應該看看你的瀏覽器開發工具。在大多數瀏覽器中,您可以使用F12訪問它們。打開那裏的控制檯並重新加載頁面。它會告訴你什麼時候你的JavaScript語法錯了。 –

回答

2
<html> 
    <body> 
     <script> 
      var x = 23 ; var y = 55 ; var z = x + y ; 
      document.write("The sum of x + y = " + z + '<br>'); 
      document.write("The sum of x + y = " + z + '<br>'); 
      document.write("The sum of x + y = " + (x + y) + '<br>'); 
      x = "Bob Dylan" , y = "is enrolled in COP 2500" , z = "with Professor Whiting, she is the BEST!" 
      document.write(x + y + z); 
     </script> 
    </body> 
</html> 

好吧,讓我們通過我在這裏所做的更改。首先,腳本塊只需要一個開始標籤和一個結束標籤。你不需要爲每一行創建一個新的腳本塊。

接下來,當爲變量賦值時只使用1等號。 ==是一個比較運算符。

接下來,您是從腳本標籤中寫入頁面任何HTML,需要在報價:'<br />'

最後,一旦一個變量被創建,你不需要使用var重新初始化再次。例如,我使用var x = 0創建了一個變量。然後,我可以稍後通過簡單地說x;

0

當你測試這樣的代碼時,現代瀏覽器帶有一個JavaScript控制檯,顯示你的代碼是否存在錯誤。通常你只需打開你的測試頁面並按下F12來查看發生了什麼。

就你而言,第一個問題來自你定義x,y和z的方式。不要將它們設置成等於某件事物,而是要問它們是否相等。所以,var x = 23表示x現在指的是23,而x == 23返回true或false語句,表明x是否等於23。

您在定義z時遇到了另一個問題。 var用於定義一個特定範圍的變量(在本例中爲全局範圍)。在變量已經定義之後調用該變量時不使用它。稍後,當您再次聲明變量時,您不需要使用var,因爲您只是重新分配這些變量。

您擁有的最後一個問題是未將HTML用引號括起來。 Javascript會看到HTML <>標籤並且感到困惑。

<html> 
<body> 
<script> var x = 23 ; var y = 55 ; var z = x + y ; 
document.write("The sum of x + y" + z +"<br>"); 
document.write("The sum of x + y = " + z + "<br>"); 
document.write("The sum of x + y = " + (x + y) + "<br>"); 
x = "Bob Dylan", y = "is enrolled in COP 2500", z = "with Professor Whiting, she is the BEST!" 
document.write(x + y + z);</script> 
</body> 
</html>