で提供するコンテンツ生成コードでdocument.writeを使わない方法とか

JavaScript TUEEEEEEEってなるdocument.writeのテクニック - あさdev
前回の続きっぽいもの。
document.writeにはちと問題があるわけだからできれば使わないほうがいい。それが外部からロードされて使われるものだったら尚更。
自コンテンツ配信用として<script>タグを利用するのであればそれくらいは考慮したい。

どこに貼られるか分からないんだからdocument.writeしか使用できないかと言うとそうでもないし。
例えば貼り付けてもらうscriptタグ自体にid振るとか。

<script type="text/javascript" src="http://example.com/hoge.js" id="_hoge_js"></script>


hoge.jsの中ではscriptタグの位置を基準にコンテンツを生成する。

var base = document.getElementById("_hoge_js");
var main = base.parentNode;
var div = document.createElement("div");
div.innerHTML = "今までdocument.writeで書き出してた内容とか";
main.insertBefore(div, base);

これでscriptタグを貼りつけたところに今まで通りコンテンツを表示することができる。
var div = document.createElement("div");で生成したdivすら残したくない場合はdivのchildeNodeを移動して最後にdivを削除すればいい。

ただこれだと同じ<script>が複数貼れないからもうちょっと改良が必要かな。



それより、MacBook Air 11インチ欲しい!よね。