Javascript：將數據存儲在變量中。初學者錯誤？

Question

從這不是我的代碼。 我是一位使用Javascript的初學者業余愛好編碼人員，並且正在使用從中學習該練習的書。 不幸的是，出版商網站缺少該書的文件，因此是我的問題。

下面的代碼在運行時應顯示str變量的內容。 當我運行它時，我只是得到一個空白的瀏覽器屏幕。 我檢查了任何明顯的明顯錯別字，但看不到任何錯別字。 首先，我創建了一個html文檔，如下所示

<html>
<head>
<title>Variable</title>

<script type = "text/javascript" src = "variable.js">
obj.innerHTML = str + ":" + typeof str;
</script>   

<body>
<div id = "panel"> </div>
</body>

然后，我在記事本中鍵入輸出代碼，並將其與html代碼保存在同一文件夾中。 我也將代碼另存為Javascript文件

輸出代碼如下

 function init()
{
    //STATEMENTS TO BE EXECUTED GO HERE
var str = "Text Content in Javascript";

obj.innerHTML = str + ":" + typeof str;
}
document.addEventListener( "DOMContentLoaded", init, false);

根據我對Javascript的有限了解，我猜測沒有看到用於輸出結果的代碼，但是我不明白為什么或者更可能我錯過了顯而易見的東西。 缺少的鏈接在哪里？

Answer 1

您缺少腳本標簽。

<script type = "text/javascript" src = "variable.js"></script>
<script>
obj.innerHTML = str + ":" + typeof str;
</script>

Answer 2

這里有很多事情。

缺少<!DOCTYPE html>
缺少</head>結束標記
缺少</html>結束標記
腳本變量中的代碼重復調用了variable.js和您的variable.js文件。
在variable.js中缺少obj變量分配

這是要研究的工作代碼：

HTML文件

<!DOCTYPE html>
<html>
  <head>
    <title>Variable</title>
    <script src="variable.js"></script>
  </head>
  <body>
     <div id="panel"></div>

     <script>document.addEventListener( "DOMContentLoaded", init, false);</script>
  </body>
</html>

variable.js文件

function init() {
    //STATEMENTS TO BE EXECUTED GO HERE
  var str = "Text Content in Javascript";

  var obj = document.getElementById("panel");
  obj.innerHTML = str + ":" + typeof str;
}

學習愉快！

Javascript：將數據存儲在變量中。初學者錯誤？

問題描述

2 個解決方案

解決方案1
0 2016-04-02 20:46:54

解決方案2
0 已采納 2016-04-02 21:50:21

Javascript：將數據存儲在變量中。 初學者錯誤？

問題描述

2 個解決方案

解決方案1 0 2016-04-02 20:46:54

解決方案2 0 已采納 2016-04-02 21:50:21

Javascript：將數據存儲在變量中。初學者錯誤？

解決方案1
0 2016-04-02 20:46:54

解決方案2
0 已采納 2016-04-02 21:50:21