📌  相关文章
📜  刷新 mathjax - Javascript (1)

📅  最后修改于: 2023-12-03 15:07:16.966000             🧑  作者: Mango

JavaScript: 刷新 MathJax

介绍

MathJax 是一个用于在 Web 上呈现数学公式的 JavaScript 库。 它基于 LaTeX 格式，并使用 CSS 和字体将公式呈现为美观和可交互的形式。 但是，当 web 页面包含许多数学公式时，可能会遇到性能问题。 当这种情况发生时，你可以使用 JavaScript 来刷新 MathJax。

示例
HTML
<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML"></script>
</head>
<body>
  <p>以下是一个含有MathJax公式的段落: </p>
  <p>\( f(n) = \left\{ \begin{array}{ll} n/2 & \mbox{if } n\equiv 0 \\ (n+1)/2 & \mbox{if } n\equiv 1 \\ -[(n+1)/2] & \mbox{if } n\equiv-1 \end{array}\right. \)</p>
  <button onclick="refreshMathJax()">刷新 MathJax</button>
</body>
</html>
JavaScript
function refreshMathJax() {
  MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
}
Markdown
# JavaScript: 刷新 MathJax 

## 介绍

MathJax 是一个用于在 Web 上呈现数学公式的 JavaScript 库。 它基于 LaTeX 格式，并使用 CSS 和字体将公式呈现为美观和可交互的形式。 但是，当 web 页面包含许多数学公式时，可能会遇到性能问题。 当这种情况发生时，你可以使用 JavaScript 来刷新 MathJax。

## 示例

### HTML

```html
<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML"></script>
</head>
<body>
  <p>以下是一个含有MathJax公式的段落: </p>
  <p>\( f(n) = \left\{ \begin{array}{ll} n/2 & \mbox{if } n\equiv 0 \\ (n+1)/2 & \mbox{if } n\equiv 1 \\ -[(n+1)/2] & \mbox{if } n\equiv-1 \end{array}\right. \)</p>
  <button onclick="refreshMathJax()">刷新 MathJax</button>
</body>
</html>
JavaScript
function refreshMathJax() {
  MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
}