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