jQuery ウインドウの幅取得メモ

HTML , Javascript

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
	<title>width sample</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){

	alert($("body").width());
	alert($("body").attr("width"));
	alert($("body").css("width"));

});
</script>
  </head>
  <body style="margin:0;padding:0;">
  
  <div style="width:900px;background-color:#f00;">windowをこのdivがぎりぎり入る幅にする</div>

  </body>
</html>

HTML 4.01 Strict

	alert($("body").width()); // IE6-8 -> 900 , FFx3.5 -> 900 , Safari4 -> 900
	alert($("body").attr("width")); // IE6-8 -> undefined , FFx3.5 -> undefined , Safari4 -> undefined 
	alert($("body").css("width")); // IE6-8 -> auto , FFx3.5 -> 900px , Safari4 -> 900px

HTML 4.01 Transitional

	alert($("body").width()); // IE6-8 -> 921 , FFx3.5 -> 900 , Safari4 -> 900
	alert($("body").attr("width")); // IE6-8 -> undefined , FFx3.5 -> undefined , Safari4 -> undefined 
	alert($("body").css("width")); // IE6-8 -> auto , FFx3.5 -> 900px , Safari4 -> 900px