さてJavaScriptでテキストや値をHTML上に書きだすときに、
document.write(“テキスト”);
などの記述はよく使われてきましたが、HTML5ではdocument.writeは非推奨とされています。
document.writeはブラウザのレンダリングに悪しき影響を与えるとして、HTML5の仕様書にはstrong discouraged、強烈に推奨しないと記載されています。
要は、DOMへの影響やネットワーク遅延への影響が懸念されたり、デバッグ時のボトルネックとなるので、強い非推奨とされている。
document.write自体はブラウザの挙動に直接関与しないので、対処方法と代替え案を検討することに。
2種類の代替案を利用できるようなので、
下の二種類の方法で記述することで対処できる。
■innerHTMLを利用する
・HTMLページ内 値を出力するタグ
・ページ読み込み時に実行させるJavaScript記述
document.getElementById(“innerhtml”).innerHTML = “出力させる文章”;
■JQueryを利用する
・HTMLページ内 値を出力するタグ
・ぺーじ読み込み時に実行されるJQuery
jQuery(function($) {
$(“#innerhtml”).html(“出力させる文章”);
});
テキスト部分は変数に差し替えれば、JavaScriptで処理した値などを取得することも容易にできる。