最近在研究,在页面中显示一些数学公式。搞得我很头疼。 据说MathJax会统一这已领域。所以去学了学。网上教程特别多。繁杂。 说的清楚的特别少。

我是这么跑通的,:

1.在官网下载代码地址为:https://www.mathjax.org/

2.然后找到这个东西,下载源码。解压。不要动里面的配置文件。

3.解压后的文件是这个样子。

4.别动文件。全部放到文件中,引入MathJax.js就可以了。

这是一个小得demo 全码。粘贴进去就能用,

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MathJax AsciiMath Test Page</title>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\(','\)']]}
});
</script>
</head>
<body>
<div id="pop">
$$\frac{1}{2}$$
</div>

</body>
</html>

这个插件有点大,或者这样子:

<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\(','\)']]}
});
</script>

这两船代码放到body底部就可以了。

!!!ps:还有一条。有时候你的数学代码是动态的,动态代码加载到页面上。MAthJax是不会重新渲染的。解决办法是:

在加载事件后加入这段代码。MathJax.Hub.Queue(["Typeset", MathJax.Hub]);(翻译成中文就是:重新渲染。)。

然后,就成功的用了MathJax啦。

最新文章

  1. IO流
  2. win7使用自带资源管理器来登陆FTP
  3. Orchard入门:如何创建一个完整Module
  4. jq 确定删除方法与文件删除
  5. sqlserver 连接远程数据库小结
  6. js == 判断
  7. JBOSS最大连接数配置和jvm内存配置
  8. 图文详解YUV420, yuv格式2
  9. JavaWeb中的简单分页
  10. ics OverbyteIcsHttpProt
  11. HAOI2007 理想的正方形
  12. [Android应用]《花界》V1.0 正式版隆重发布!
  13. UNIX文件I/O
  14. ReactJS入门基础
  15. 阿里官方Java代码规范标准《阿里巴巴Java开发手册 终极版 v1.3.0》
  16. golang的GET请求(类似于PHP的CURL)
  17. 【leetcode198 解题思路】动态规划
  18. LeetCode算法题-Sqrt(Java实现)
  19. Mac流量监控/硬盘监控小工具
  20. shell脚本之xargs使用的一些案例

热门文章

  1. android startActivityForResult()
  2. CCF201712-1 最小差值
  3. Django初步(一):安装和简单演示
  4. 一个.java源文件中可以有多个类吗?(内部类除外)有什么条件?
  5. vsftpd的安装与使用
  6. jQuery 资料
  7. March 30 2017 Week 13 Thursday
  8. Bootstrap table分页问题汇总
  9. 【BZOJ3784】树上路径
  10. pthread的各种同步机制