Question

我正在进行PluralSight JavaScript Fundamentals课程，他将此代码输入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而没有别的。我可能在这里遗漏了一些非常简单的东西，有人可以帮助我吗？

Answer 1

您没有留言元素。将#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"';

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

函数写（消息）不起作用

1 个答案: