BODY内で外部CSSをheadへ挿入させるscript記述方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 BODY途中のスクリプトから、外部ファイルのスタイルシートを呼び出して head要素内にLINKタグで挿入させる方法。 Script内に以下を書く。 var css=document.createElement("link"); css.setAttribute("rel","stylesheet"); css.setAttribute("type","text/css"); css.setAttribute("href","ほげほげ.css"); document.getElementsByTagName("head")[0].appendChild(css); どうやらheadに挿入するには、 $("head")[0].appe
document.writeの代わりに動的に書き出す方法 (script要素自身の取得、insertBefore) 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 ブログパーツなどscriptタグで出力したい場合、document.write()で書くと、とても楽チンなのですが、DOM構築をブロックさせてしまう問題が残ります。 そこで、document.write()の代替案として思い浮かんだ方法が以下の2つ。 1.idを付属させる <div id="hoge"></div> <script src="parts.js"></script> idありきなら、js内で var nn=document.getElementById('hoge'); nn.innerHTML='<p>書き出したい内容</p>'; みたいな感じで動的に出力が可能です。 これが一番簡単なのですが、表示させたいページ全て
[Script][jQuery]document.writeを動的に読み込ませる方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 document.writeを使うと、挿入したスクリプトより下の全てのDOM要素はスクリプトの処理が完了するまでレンダリングがブロックされるという問題点があります。また、他の動的読み込みもブロックします。 結果として、ページの表示速度が遅くなる可能性が大きくなります。 document.writeを使用せず、document.getElementById('hoge').innerHTMLなど代替の記述を取れば簡単に済むのですが、ブログパーツや広告スクリプトなど自分で弄り様のない外部ファイルなどの場合は厄介です。 jQueryを利用してdocument.writeを非同期(動的)に読み込み書き出す記述をメモ。 <div class=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
