DOM操作の最適化によるJavaScriptチューニング（後編） | HTML5Experts.jp

2013/09/08 151 users DOM操作 後編 JavaScriptチューニング 最適化

連載「Webサイト・アプリ高速化テクニック徹底解説」の第5回は、前回の「DOM操作の最適化によるJavaScriptチューニング（前編）」に続く後編です。後編では、createElement()などのDOM操作メソッドを使ったさまざまなテクニックや、パフォーマンスを劣化させるよくあるパターンについて詳しく解説します。 CodeIQとの連動企画！ この記事で学べるJavaScriptチューニングのテ... 続きを読む

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

2012/11/28 87 users CSSファイル 0-9 sty クライアントサイド link

CSSファイルをクライアントサイドだけで動的なURLつけて非同期読み込みしたい場合、単純に以下のようなコードを書くと同期読み込みになって読み込み完了まで他のファイルの読み込みがブロックされる。 (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'sty... 続きを読む

HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log

2011/02/06 96 users latest log パク 新要素 HTML5 enhance

js, enhance, IEIE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。var div = document.createElement("div");div.innerHTML = "section";document.body.appendChild(div);上記のコードを実行すると、... 続きを読む

HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」:phpspot開発日誌

2006/12/07 99 users phpspot開発日誌 HTML DOM div 要素

DOM Tool HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」。 次のように、HTMLの <div> 要素を JavaScript の document.createElement の形に変更してくれます。 HTMLをそのままJavaScriptのコードに記述するとプログラム的にコードが読みにくくなったりしますが、このツールを使い、DOMの形式にすることが出来ます。... 続きを読む

GoogleMapsEditor - GoogleMapsAPIを利用した地図コンテンツをプログラムなしで作成できる編集ソフトです。

2005/07/29 461 users GoogleMapsAPI function iframe

GoogleMapsAPIを利用した地図コンテンツをプログラムなしで作成できる編集ソフトです。config.macros.AmazonBanner = {};\nconfig.macros.AmazonBanner.handler = function(place,macroName,params)\n{\n var e = document.createElement('iframe');\n ... 続きを読む

fladdict.net blog: 今見ているサイト内で「はてなブックマーク」されてるエントリ一覧を表示するブックマークレット

2005/05/16 70 users ブックマークレット Bookmarklet エントリ一覧

今見ているサイトの中で「はてなブックマーク」に登録されているエントリーを表示するブックマークレット。サイト巡回中に名エントリがザクザク発掘できます。 bookmarklet（最終更新日 2005/05/18）: javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://... 続きを読む

川o・-・）＜2nd life - bookmarkletの文字数制限を無くす

2005/05/05 176 users Bookmarklet scrip function 一行

bookmarkletを作るとき、IEでは500文字ちょい、Firefoxでは2000文字ぐらい(?)の文字数制限がある。また、作った後に一行にまとめたり、デバッグしたりも大変面倒。でもそれがとても簡単な方法でどうにでもなることをインターフェイス！インターフェイス！の人に教わった。 javascript:(function(){var s=document.createElement("scrip... 続きを読む