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
innerHTMLとDOM(appendChild,createElement等)、どっちが速い？[表示速度の比較] 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 innerHTML と DOM(appendChild、createElement等)の処理速度を比較したい。 検索すると頭の良い先人様達の有益な情報が沢山出てきました。 そんな情報を元に、自分用にあれこれメモしてみます。 ちなみにjQuery.appendは、JavaScriptベタ書きのappendChildと同等の挙動なので、 jQuery.appendとappendChildの実質的な処理速度に差は無いです。(たぶん) 結論から言うと、DOM群よりinnerHTMLの方が処理は速いようです。 (うだうだと賢人様たちの情報を漁った結果) innerHTMLとDOM(createElement..)での描画速度の比較 大体2～3
[おすすめサーバー]Googleドライブに外部ファイル(script,css,htmlなど)をアップロードする方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 Googleドライブ https://drive.google.com/ Googleドライブは、クラウドストレージサービスです。 PCローカルとサーバーを同期させ、ネット上にアップロードした文書ファイルなどを、URLを知る任意の仲間同士で閲覧したりダウンロードしたりコメントしたりできる情報共有に特化したツールなんですが、この「情報共有」の「一般公開」する機能を一般ウェブサイト用の外部ファイルとして参照・呼び出しできるように扱うことができます。 スクリプト、スタイルシート、htmlのウェブページまでアップロードできます。 ホスティング機能というやつです。 無料で、レスポンス良好で、使いやすくて、URLが謎(？)で、メンテナンス運営と
[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ページを開く
