1

私は 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);

プレビューすると、型と値が書き出されます。ビデオは 1 年前のもので、現在 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の最新バージョンでファイルを開きました（私のOSは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 に答える