这个问题与HTML没有直接关系，只是与字符串常量在JavaScript（以及几乎所有其他编程语言）中的工作方式有关。如果你想在一个用"字符分隔的JavaScript字符串中使用"字符，那么你必须对它进行转义：\"。或者使用'来分隔字符串或属性值。

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

也就是说，使用document.write生成HTML通常不是一个好主意（它只在加载时工作，通常更好地替换为更可靠的服务器端代码或更可重用的DOM操作），并且font元素已被弃用。

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

或

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

注意，time在JavaScript中并不是一个函数--我假设你在上面的代码片段中没有包含这个函数。另外，除非你只是在做实验，否则你不应该把document.write用于任何事情。你可以在Firefox的Firebug或Safari / Chrome Web Inspector中使用console.log来测试所有这些。实验起来会比整页刷新快得多。还注意到我是如何在+标志的两侧添加空格的：更容易阅读。

你可以用css代替html，而且很简单

window.document.write("<span style=\"color:blue;font-size: 5em;\">hello " + variable + "<\/span>");

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

或者

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