Javascript Windowサイズの取得

目次

FrontPage
・Windows11
・Chromebook
・Random
・機械学習
・さくらVPS
・Fedora13
・SuSe10
・Docker
・Ansible
・Java
・Scala
・Python
・Ruby
・Lisp
・Computer
・GIS
・HTML
・Culture
・Link

訪問者

total: 25760
today: 1
yesterday: 1
now: 1

更新

最新の10件

人気の10件

MenuBar

これはなに？ †

• Javascript で、Window のサイズを取得する方法は、ブラウザによってまちまち
• 検証用のHTMLを作ってみた

検証用のHTML †

検証結果 †

• 検証用のHTMLを右下までスクロールして、プロパティ値がどうなるかを調べた
  
• document.body 系を使うのが吉？

  プロパティ	IE8	Firefox3	Safari5	Chrome9	意味	備考
  window.innerWidth	undefined	640	640	640	W	IE8はundefined
  window.innerHeight	undefined	480	480	480	H	IE8はundefined
  document.body.clientWidth	619	625	625	625	W'	W-15px
  document.body.clientHeight	459	465	465	465	H'	H-15px
  document.body.scrollLeft	415	538	439	520	left	表示領域左端座標
  document.body.scrollTop	160	312	109	295	top	表示領域上端座標
  document.body.scrollWidth	1034	1163	1064	1145	Sw	表示領域によらず変化無し
  document.body.scrollHeight	619	791	574	760	Sh	表示領域によらず変化無し
  .scrollLeft + .clientWidth	1034	1163	1064	1145	right	表示領域右端座標
  .scrollTop + .clientHeight	619	777	574	760	bottom	表示領域下端座標
  document.documentElement.clientWidth	0	625	625	625	W'	IE8は0
  document.documentElement.clientHeight	0	791	574	760	Sh	IE8は0
  document.documentElement.scrollLeft	0	0	0	0
  document.documentElement.scrollTop	0	0	0	0
  document.documentElement.scrollWidth	646	625	1064	1145		ブラウザによりまちまち
  document.documentElement.scrollHeight	486	791	574	760		ブラウザによりまちまち

HTML