@blog.justoneplanet.info

日々勉強

JavaScriptでブラウザの表示領域サイズを得る

以下のような関数を定義する。

var getClientSize = function(){
	var client = (function(){
		if(!!(window.attachEvent && !window.opera) && document.compatMode == 'CSS1Compat'){
			return document.documentElement;
		}
		else if(!!(window.attachEvent && !window.opera)){
			return document.body;
		}
		else{
			return document.documentElement;
		}
	})();
	return {"width" : client.clientWidth , "height" : client.clientHeight};
}

サンプルとして以下のようなコードを実行する。

alert(getClientSize().width);//幅
alert(getClientSize().height);//高さ

ブラウザの表示領域のサイズは意外と知りたい機会があるかもしれない。

1件のコメント»

jQueryを使用し、表示する画像を切り替える

jQueryを使用して、表示している画像を切り替えるサンプルを作成したのでメモ。
最終目標は、漫画のビューアーを作成することです。

材料

RSS feed for comments on this post.TrackBack URL

Leave a comment