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

我的 HTML 文档包括

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

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

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

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

最佳答案

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

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

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

<小时/>

查看 your example in the comments ，看起来您正在使用 jQuery - 现在应该很容易避免 document.write() (无论如何你都应该避免这种情况)。

替换 document.write()与:

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

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

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

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

关于javascript - "document.write"的字体属性不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11275045/