Math.Jax在H5中如何使用

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
	<script type="text/x-mathjax-config">
		MathJax.Hub.Config({
			jax: {
					inlineMath: [['$','$'], ['\(','\)']],
					processEscapes: true
				}
		});
	</script>
</head>
<body>

	<p id="h_title" style="font-size: 44px"></p>
	<div id="div_title" style="font-size: 40px">
	</div>

	<p id="h_answer" style="font-size: 44px"></p>
	<div id="div_answer" style="font-size: 40px">
	</div>


	<p id="h_parsing" style="font-size: 44px"></p>
	<div id="div_parsing" style="font-size: 40px">
	</div>


	<p id="h_knowledge" style="font-size: 44px"></p>
	<div id="div_knowledge" style="font-size: 40px">
	</div>

	<p id="h_no_data" style="font-size: 44px">
	</p>

	<script type="text/javascript">

		//顯示題目
		function showTitle(title) {
			document.getElementById('h_title').innerHTML = '題目'
			document.getElementById('div_title').innerHTML = title
		}

		//顯示答案
		function showAnswer(answer) {
			document.getElementById('h_answer').innerHTML = '答案'
			document.getElementById('div_answer').innerHTML = answer
		}

		//顯示解析
		function showParsing(parsing) {
			document.getElementById('h_parsing').innerHTML = '解析'
			document.getElementById('div_parsing').innerHTML = parsing
		}

		//顯示知識點
		function showknowledge(knowledge) {
			document.getElementById('h_knowledge').innerHTML = '知識點'
			document.getElementById('div_knowledge').innerHTML = knowledge
		}

		//顯示無數據
		function showNoData() {
			document.getElementById('h_no_data').innerHTML = '抱歉,沒有您想要獲得的答案,可能是您拍的照片無法正確識別,請重新拍照上傳'
		}

		var titles = 'A、 \\( a\\div b\\times a= \\frac{a^2 }{b } \\) &#xff0c;計算錯誤&#xff1b;<br />B、 \\( a\\div b \\times \\frac 1b=\\frac{a }{b^2 } \\) &#xff0c;計算錯誤&#xff1b;<br />C、 \\( \\frac 1a\\div a \\times a\\div \\frac 1a=1 \\) &#xff0c;結算正確&#xff1b;<br />D、 \\( a^4\\div \\frac 1a\\div a^3=a^2 \\) &#xff0c;計算錯誤&#xff0e;<br />故選C&#xff0e;'

		showTitle(titles)
	</script>


</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章