2011年12月08日


jQuery の bind メソッドで一般的な onload イベントを実装

jQuery では、ready メソッドで登録するのが一般的となっていますが、
ready メソッドで実装されるのは、onload イベントでは無く、画像が
ロードされる前に実行されるとても都合の良いものです。

bind では、onload イベントに直接実装されるので他との比較であれば
こちらが正しい実装となります。Google の PlayGround では bind が
使われていました。環境によってはこちらのほうが想定通りの実装になる
と思われます。

jQuery そのものは、Google のライブラリ API を使用しました。
これは、以下の PATH を直接使用しても同じ事になります
https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

ここをクリックすると以下のコードをテストできます
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("jquery", "1.7.1");
</script>
<div id="message" style='height:100px'></div>
<script type="text/javascript">  
$(window).bind('load', function() {
	var str="";
	str+="<img src=\"http://lh3.googleusercontent.com/-50LAkJyptvE/TuDBNQcFdtI/AAAAAAAAD8I/QSDzGMrYa_g/s335/_img.png\" /> ";
	document.getElementById("message").innerHTML = str;
});
</script>


posted by at 2011-12-08 23:47 | Comment(0) | JavaScript | このブログの読者になる | 更新情報をチェックする
SQLの窓全体の検索
Loading
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。