javascript - 属性を持つタグのdocument.writeで使用する正しい構文は何ですか？

Question

私はjavascriptのdocument.writeメソッドで次のコードを使用しています：

    <script type="text/javascript">
      document.write("<font color="blue">["+time()+"]</font>");
    </script>

しかし、これはうまくいかないようです。案内してください。

Answer 1

この問題は、HTMLとは直接関係がなく、JavaScript（および他のほとんどすべてのプログラミング言語）で文字列リテラルがどのように機能するかと関係があります。"文字で区切られたJavaScript文字列内の文字を使用する場合は、"エスケープする必要があります\"。'または、文字列または属性値のいずれかを区切るために使用します。

document.write("<font color=\"blue\">["+time()+"]</font>");
document.write('<font color="blue">['+time()+"]</font>");
document.write("<font color='blue'>["+time()+"]</font>");

---

とは言うものの、通常を使用してHTMLを生成するdocument.writeことは良い考えではなく（ロード時にのみ機能し、通常はより信頼性の高いサーバー側コードまたはより再利用可能なDOM操作に置き換える方が適切です）、font要素は非推奨になります。

Answer 2

<script type="text/javascript">
      document.write("<font color=\"blue\">[" + time() + "]</font>");
</script>

また

<script type="text/javascript">
      document.write('<font color="blue">[' + time() + ']</font>');
</script>

JavaScriptには関数として存在しないことに注意してtimeください。コードスニペットに含まれていない上記の関数を作成したと想定しています。また、document.write実験しているだけでない限り、実際には何にも使用しないでください。console.logFirefoxのFirebugまたはSafari/Chrome Web Inspectorを使用してこれらすべてをテストできます。これは、ページ全体を更新するよりもはるかに高速です。また、標識の両側にスペースを追加した方法にも気づきました+。読みやすくなっています。

Answer 3

var color = 'blue';     
document.write("<font color="+color+">["+time()+"]</font>");

または

 document.write("<font color='blue'>["+time()+"]</font>");