CSSファイルをJSから非同期読込する方法

CSSファイルをクライアントサイドだけで動的なURLつけて非同期読み込みしたい場合、単純に以下のようなコードを書くと同期読み込みになって読み込み完了まで他のファイルの読み込みがブロックされる。 (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = href; var head = document.getElementsByTagName('head')[0]; head.appendChild(link); })(); これに関しては以下のように別のiframeを作成して読みこめば非同期で読み込めるので、他のファイルの読み込みをブロックしない。 （iOS, Androidで動作を確認） (fun

[typista]

ぽけったー , CSSファイルをJSから非同期読込する方法

[vitaminsii]

参考になります。

[ysakmrkm]

0-9, CSSファイルをJSから非同期読込する方法

[efcl]

CSS(link element)を直接appendすると読み込みのブロックが起きるので、iframe内で読み込ませて、それを改めて追加することでブロックしないで読み込む

[yuupl]

iframeについての検証は必要だが「高速化」TIPSの1つとしてとらえておくのは良いかもしれない。検証環境がiOS/Androidという記述に2012年の年末感を感じた…

[teppeis]

動的にDOM insertしたときはブロックしちゃうのか。JSと全く逆の挙動なんだなぁ。