2013年10月18日

2013 10.18 Fri


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].append()jQueryは使えないみたいです。
(使えるのかもしれないけど全く判りませんでした。)

後から外部scriptファイルをheadタグ内に挿入する場合も、これと同じ方法でいけます。
ちなみにbody要素へ挿入する場合は、
document.body.appendChild(ほげ);
でいけます。

最初は、
var sc="<script src=ほげ.js><\/script>";
$("body").append(sc);

なんて書き方をしていたんですが、
どうも万能では無いらしく前後に他の記述が増えるとエラー起こしてました。

「document.createElement(script)」と
「document.getElementsByTagName(body)[0].appendChild(script)」の
組み合わせが最強です。

スクリプトの動的読み込み方法とか調べてた際に
散々見かけたやり方だったんですが、、、横着はいけませんね。

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.