1

我正在学习 PluralSight JavaScript 基础课程，他将此代码输入到 jsbin (jsbin.com) 的 JavaScript 窗口中

function write(message) {
  document.getElementById('message').innerHTML += message + '<br/>';
}

var streetNumber = 49;

var streetName = "Brunswick";

write(typeof streetNumber + " " + streetNumber);

write(typeof streetName + " " + streetName);

当他预览时，它会写出类型和值。该视频已有一年之久，现在 jsbin 有一个渲染（不是预览）按钮。当我输入上面的代码并渲染时，我得到一个空白屏幕。

我尝试将代码粘贴到 .html 文件中

<!DOCTYPE html>
<html>

<head>
<!--<meta charset=utf-8 />-->
<title>JS Test</title>

</head>
<body>
  <p id="hello">Hello World</p>
<script>
function write(message) {
  document.getElementById('message').innerHTML += message + '<br/>';
}

var streetNumber = 49;

var streetName = "Brunswick"';

write(typeof streetNumber + " " + streetNumber);

write(typeof streetName + " " + streetName);

</script>
</body>
</html>

然后在 IE9 中打开文件，最新版本的 Chrome、Firefox、Safari 和 Opera（我的操作系统是 Win7 Ult）。它们都显示 Hello World，仅此而已。我可能在这里遗漏了一些非常简单的东西，有人可以帮我吗？

4

1 回答 1

4

您没有消息元素。#hello将元素更改为#message.

<p id="hello">Hello World</p>

对此

<p id="message">Hello World</p>

这是getElementById代码有地方打印输出所需要的。如果没有具有请求 ID 的元素，则不会出现任何内容，因此不会打印任何内容。

您也有语法错误：

/*                          v----- This little guy here doesn't belong. */
var streetName = "Brunswick"';

请注意此字符串末尾的匹配单引号。删除它，你应该很高兴：

于 2012-05-16T03:26:27.750 回答