javascript - 为什么我在asp.net中使用Response.Write()方法输出javascript代码时，页面中的css样式会发生变化？

Question

当我在asp.net中使用Response.Write()方法输出javascript代码时，比如alert方法，这个页面的部分css样式发生了变化。

例如，当我在 asp.net 中使用这样的代码时:

Response.Write("<script>alert('success!')</script>");

当我运行该文件时，首先它会弹出警告消息，但是当页面完全加载后，我发现字体大小样式发生了变化并且变大了，但其他没有变化。

我知道使用Page.ClientScript.RegisterStartupScript()方法可以解决问题，但我想知道是什么原因导致了这个问题。

Answer 1

那是因为您在不应该使用它的地方使用了 Response.Write。您在生成页面内容的代码之外使用它，这意味着您将 Javascript 代码放在 HTML 文档之外。

如果在 doctype 标签之前有任何内容，doctype 将被忽略，页面将被解析为标签汤而不是有效文档，并且使用 Quirks 模式而不是标准合规模式呈现。这会影响 HTML 和 CSS 的解释方式，因为浏览器会尝试模拟一个古老的浏览器版本，包括所有非标准的怪癖和错误。它还将为元素使用不同的默认样式，这可能是您看到的字体大小不同的原因。

Internet Explorer 在使用 Quirks 模式时特别敏感。它将包括 box model bug尝试与浏览器的早期版本兼容。