clientCaps 비헤이버 여러가지 속성 예제







이 예제는 IE5에서 소개된 새로운 clientCaps 비헤이버로 사용자가 정보를 얻는 방식을 보여준다.



<HTML xmlns:IE>
<HEAD>
<STYLE>@media all { IE\:clientcaps {behavior:url(#default#clientCaps)} }</STYLE>
<SCRIPT>
function window.onload(){
  str='<TABLE border=0 cellpadding=2><COL style=color:teal><COL><COL style=color:blue>';
  str+='<TR><TD>availHeight</TD><TD>=</TD><TD>'+oClientCaps.availHeight+'</TD></TR>';
  str+='<TR><TD>availWidth</TD><TD>=</TD><TD>'+oClientCaps.availWidth+'</TD></TR>';
  str+='<TR><TD>bufferDepth</TD><TD>=</TD><TD>'+oClientCaps.bufferDepth+'</TD></TR>';
  str+='<TR><TD>colorDepth</TD><TD>=</TD><TD>'+oClientCaps.colorDepth+'</TD></TR>';
  str+='<TR><TD>connectionType</TD><TD>=</TD><TD>'+oClientCaps.connectionType+'</TD></TR>';
  str+='<TR><TD>cookieEnabled</TD><TD>=</TD><TD>'+oClientCaps.cookieEnabled+'</TD></TR>';
  str+='<TR><TD>cpuClass</TD><TD>=</TD><TD>'+oClientCaps.cpuClass+'</TD></TR>';
  str+='<TR><TD>height</TD><TD>=</TD><TD>'+oClientCaps.height+'</TD></TR>';
  str+='<TR><TD>javaEnabled</TD><TD>=</TD><TD>'+oClientCaps.javaEnabled+'</TD></TR>';
  str+='<TR><TD>platform</TD><TD>=</TD><TD>'+oClientCaps.platform+'</TD></TR>';
  str+='<TR><TD>systemLanguage</TD><TD>=</TD><TD>'+oClientCaps.systemLanguage+'</TD></TR>';
  str+='<TR><TD>userLanguage</TD><TD>=</TD><TD>'+oClientCaps.userLanguage+'</TD></TR>';
  str+='<TR><TD>width</TD><TD>=</TD><TD>'+oClientCaps.width+'</TD></TR>';
  str+='</TABLE>';
  showA.innerHTML= str;
}
</SCRIPT>
</HEAD>

<BODY>
<IE:clientCaps id="oClientCaps" />
<PRE id="showA"></PRE>
</BODY>
</HTML>