js引入mathjax时注意事项

首先，保证网络畅通，必须网络好，不然js响应不回来......

 需要先在head标签中引入js

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script>
    MathJax = {
        tex: {inlineMath: [['$', '$'], ['\\(', '\\)']]}
    };
    </script>
    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>

 然后就是数学公式了哈！

<div>
                        \[1.正弦定理:  \frac {a}{\sin A}  =  \frac {b}{\sin B}  =  \frac {c}{\sin C}  =2R(R为三角形外接圆半径)
2.余弦定理:  a^ {2}  =  b^ {2}  +  c^ {2}  -2bc  \cos   A
  b^ {2}  =  a^ {2}  +  c^ {2}  -2ac  \cos     Bc^ {2}  =  a^ {2}  +  b^ {2}  -2ab  \cos   C
  \cos   A=  \frac {b^ {2}+c^ {2}-a^ {2}}{2bc}  
3.  S_ {\Delta }  =  \frac {1}{2}  a  \cdot     h_ {a}  =  \frac {1}{2}  ab  \sin   C=  \frac {1}{2}  bc  \sin   A=  \frac {1}{2}  ac  \sin   B=  \frac {abc}{4R}  =  2R^ {2}    \sin   A  \sin   B  \sin   C
=  \frac {a^ {2}\sin B\sin C}{2\sin A}  =  \frac {b^ {2}\sin A\sin C}{2\sin B}  =  \frac {c^ {2}\sin A\sin B}{2\sin C}  =pr=  \sqrt {p(p-a)(p-b)(p-c}  
(其中p=  \frac {1}{2}  (a+b+c),r为三角形内切圆半径)
\]
</div>

注意，不太确定哈，数学公式最好开始和结束带 "\\["和"\\] ",这个双斜杠其实是单斜杠，因为文章显示不出来单斜杠，就写的双斜杠！

如果动态更新数学公式

 输入区域：

<textarea id="texta" style="width:100%;height:150px;"></textarea>

 数学公式显示区域：

<p id="mathjax_id" style="text-align:left;"></p>

$(document).ready(function(){
     $('#texta').on('input propertychange', function() {
            var count = $(this).val().length;
            console.log("已输入 "+ count +" 个字。");
            $('.mathjax_id').html('\\['+$(this).val()+'\\]')
            //需要告诉 MathJax 在生成新内容时再次在页面中查找数学，执行下面的方法
            MathJax.typeset()
     });
});