taggaの日記: MathJax の動的ロード
対応していないブラウザでも TeX や MathML を表現できるようにする Javascript のライブラリ MathJax を、 後で読み込むためのメモ。 "Loading MathJax Dynamically¶"http://www.mathjax.org/docs/1.1/dynamic.html が元ネタ。
2つ目の例を引用:
(function () {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full";
var config = 'MathJax.Hub.Startup.onload();';
if (window.opera) {script.innerHTML = config}
else {script.text = config}
document.getElementsByTagName("head")[0].appendChild(script);
})();
ミソはこういうこと。 script 要素を作って、src で MathJax の URL と初期設定を指定し、 中身ではMathJax.Hub.Startup.onload を呼ぶようにする。 それを head 要素に追加することで実行させる。
config は script の中でも設定できるけれども、 書き間違え易いので src で指定する方がいいようだ。 Opera 向けの部分は今日日使われているものなら要らない模様。
MathJax の動的ロード More ログイン