javascript - “document.write”的字体属性不起作用

Question

我的 HTML 文档包括

<font face="helvetica"> (and of course </font> later)

这很好用，一切都在 Helvetica 中。
但是，有一个 JavaScript 部分，

if (d > 5) {
    document.write('Message');
}

并且由此产生的文本不是所需的字体。
我尝试了将样式应用到它的方法，但它根本不显示 JS 部分，我怎样才能让它以与 HTML 相同的字体显示？
是否有可以使整个文档使用相同字体的 HTML 标签？

score 4 · Accepted Answer

首先，停止使用<font>. 现在已经不是 90 年代了。

动态内容不在您想要的字体中的（最可能的）原因是document.write()将内容放在标签之外。查看生成的 HTML 以确认这一点。此示例显示，当 JavaScript 放置在标签内时，内容的样式是正确的。

但是，正如 Kolink 的回答所示，<body>如果您想更改文档的默认字体，您应该使用 CSS 来设置文档的样式。

查看评论中的示例，您似乎正在使用 jQuery - 现在应该避免使用它document.write()（无论如何都应该避免）。

替换为document.write()：

$( 'body' ).append( 'Message' );

或者，如果您想设置消息样式：

$( 'body' ).append( '<div class="message">Message</div>' );

并为消息类添加 CSS 规则（例如.message { font-weight:bold; }）。

score 2 · Accepted Answer

2

CSS：

body {font-family: "helvetica", sans-serif;}

完毕。不需要古老的<font>标签。

于 2012-06-30T14:55:31.583 回答

score 1 · Accepted Answer

使用 CSS，font标签在很久以前就被弃用了：

html {
    font-family: 'Helvetica';
}

而且也document.write()被认为是不好的做法。

改用这个：

HTML：

<html>
    <body>
        <div id="helvetica"></div>
    </body>
</html>

CSS：

#helvetica {
    font-family: 'Helvetica'
}

Javascript：

var helvetica = document.getElementById("helvetica");

helvetica.innerHTML = "Message";

3 回答 3