[B! iframe] takata3のブックマーク

takata3 id:takata3

iframeに関するtakata3のブックマーク (2)

script タグの外部スクリプトを遅延読み込みする方法 | Design Hack and Slash
画像（img タグ）を遅延読み込み（LazyLoad）するプラグインと同じように、外部スクリプト（script タグ）を遅延読み込みする方法です。具体的には、JavaScript で提供されている広告タグや、各種ブログパーツを、ページのレンダリングをブロックしないように配置する方法です。厳密には画像の遅延読み込みとは異なりますが、遅い外部スクリプトを貼らなければならない場合、いわゆる UX（ユーザーエクスペリエンス）の改善に劇的な効果があります。フレンドリーアイフレーム（Friendly iFrame）簡単に説明すると、対象の外部スクリプトを呼び出す部分だけを別の HTML ファイルにしてサーバーにアップロードし、iframe タグでその HTML ファイルをページに埋め込みます。例えば、i-mobile というアドネットワークの広告タグの場合は以下になります。広告タグ用
takata3 2016/04/02
iframe

SCRIPT

JavaScript
リンク
JavaScriptで動的にscriptタグを差し込んだり、実行する方法
こんにちは、@s_tsukaです。今回は珍しくJavaScriptネタでいこうと思います。自分のJS力はそれほど高くないですし、ブラウザやW3Cの仕様に詳しくないですが、scriptタグはハマりポイントだと思うので、書いておきます。（といっても今回のは一般的ではないです）今回は生のJSを扱います。（最近はAngularや、Reactが流行っていますが、未だに生JSのニーズもあるんですよ）結論から言うと、単一scriptタグならappendChild、複雑なタグならdocument.write + iframeです。 scriptタグこのページにたどり着いた読者には説明不要かと思いますが・・・ scriptタグをHTMLファイル上に記述し、ブラウザに読み込ませると、そのscriptが起動します。例えばこんな感じで。 <html> <head> <script> alert(1); <
takata3 2016/03/30
HTML

SCRIPT

DOM

iframe

ブロック
リンク
1