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 个答案: