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>");

---

也就是说，document.write通常使用生成 HTML 并不是一个好主意（它只在加载时起作用，通常最好用更可靠的服务器端代码或更可重用的 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>

请注意，time它在 JavaScript 中不作为函数存在——我假设您在上面创建了一个未包含在代码片段中的函数。document.write此外，除非您只是在尝试，否则您不应该真正使用任何东西。您可以console.log在 Firefox 的 Firebug 或 Safari / Chrome Web Inspector 中测试所有这些，这比全页刷新要快得多。还注意到我如何在标志的两侧添加空格+：更容易阅读。

Answer 3

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

或者

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