| ·¹ÀÌ¾î ÆäÀÌÁö ³¡¿¡ À§Ä¡ ½Ã۱â | Go to UP |
·¹À̾ À̵¿ÇÏ´Â °ÍÀº ÇÑ ÆäÀÌÁö¿¡¼¸¸ º¸ÀÔ´Ï´Ù. ÇÑ ÆäÀÌÁö°¡ ³Ñ´Â À̵¿¸·´ë·Î ÆäÀÌÁö¸¦ ²ø¾î ¿Å°Ü¼ º¼ ¼ö ÀÖ´Â ÇÑ ÆäÀÌÁö ¾Æ·¡¿¡ ÀÖ´Â ÆäÀÌÁö¿¡¼´Â À̵¿ÇÏ´Â ·¹À̾ º¸ÀÌÁö ¾Ê±â ¶§¹®ÀÔ´Ï´Ù.
¶Ç´Â ÆäÀÌÁö¿¡ ²ËÂ÷´Â ·¹À̾ ¸¸µé ¶§ ·¹À̾îÀÇ Å©±â¸¦ ¾î¶»°Ô Á¤ÇؾßÇÒÁö´Â ÆäÀÌÁöÀÇ Å©±â¸¦ ¾Ë¾Æ¾ß ÇÕ´Ï´Ù.
nn4 : window.innerWidth, window.innerHeight ie4 : document.body.clientWidth, document.body.clientHeight·Î ÇöÀç ÆäÀÌÁöÀÇ Å©±â¸¦ ¾Ë ¼ö ÀÖ½À´Ï´Ù. nn4ÀÇ innerWidth, innerHeight´Â ÆäÀÌÁö°¡ ÇÑ ÆäÀÌÁö°¡ ³Ñ¾î¼ À̵¿¸·´ë°¡ »ý±â¸é À̵¿¸·´ëÀÇ Å©±âµµ Æ÷ÇÔÇÏ´Â Å©±âÀÔ´Ï´Ù. À̵¿¸·´ëÀÇ Å©±â´Â ÇØ»óµµ¿¡ »ó°ü¾øÀÌ 16px¿´½À´Ï´Ù. ie4ÀÇ body.clientWidth, body.clientHeight´Â À̵¿¹Ù¸¦ »« Å©±âÀÔ´Ï´Ù.
·¹À̾ À̵¿½Ãų ¶§ nn4¿¡¼ ÁÖÀÇÇØ¾ßÇÒ Á¡ÀÌ ÀÖ½À´Ï´Ù. Àüü ÆäÀÌÁö¿¡¼´Â ·¹À̾ À̵¿ÇÒ ¼ö ÀÖ´Â °Å¸®´Â ¼öÆòÀ¸·Î´Â window.innerWidth ÀÇ ÆøÀÌ°í ¼öÁ÷À¸·Î´Â window.innerHeight ÆøÀÔ´Ï´Ù. ÀÌ Æø¾È¿¡¼ Àüü ·¹À̾ º¸ÀÔ´Ï´Ù. ÀÌ ÆøÀ» ³Ñ´Â¸¸Å ·¹À̾î´Â º¸ÀÌÁö ¾Ê½À´Ï´Ù.
ÆäÀÌÁö°¡ Àüü ÆäÀÌÁö¶ó¸é °£´ÜÈ÷ window.innerWidth¿Í window.innerHeight·Î À̵¿ÇÒ ÆøÀ» °è»êÇÒ ¼ö ÀÖÁö¸¸, ÆäÀÌÁö°¡ ÇÁ·¹ÀÓ ÆäÀÌÁö¶ó¸é Á» º¹ÀâÇÕ´Ï´Ù. Àüü ÆäÀÌÁö¿¡¼´Â ³ª¿ÀÁö ¾Ê´Â ¾à°£ÀÇ Æ´ÀÌ °¢ ÇÁ·¹ÀÓ ÆäÀÌÁö¿¡ »ý±é´Ï´Ù. ÇÁ·¹ÀÓ ÆäÀÌÁö¿¡¼´Â frame borderÀÇ Å©±â¿¡ µû¶ó¼ window.innerWidth, window.innerheightÀÇ °ªÀÌ Â÷À̰¡ ³³´Ï´Ù. ie4ÀÇ document.body.clientWidth, document.body.clientHeight´Â ÀÌ·± ¹®Á¦°¡ ¾ø½À´Ï´Ù.
¾Æ·¡´Â frame border °ª¿¡ µû¸¥ nn4ÀÇ window.innerWidth, window.innerHeight °ªÀÔ´Ï´Ù. frame
border=0¿¡¼ 100 ÀÌ¿´À» ¶§ °¢ frame borderÀÇ Å©±â¿¡ µû¸¥ °ªÀÔ´Ï´Ù.
| frame border size | window.innerWidth | window.innerHeight |
| 0 | 100 | 100 |
| 1 | 99 | 99 |
| 2 | 99 | 99 |
| 3 | 98 | 98 |
| 4 | 98 | 98 |
| 5 | 97 | 97 |
| 6 | 97 | 97 |
| 7 | 96 | 96 |
| 8 | 96 | 96 |
| 9 | 95 | 95 |
| 10 | 95 | 95 |
| border ÁöÁ¤¾ÈÇÔ | 97 | 97 |
¹®Á¦´Â ÀÌ·¸°Ô ÇÁ·¹ÀÓ¿¡¼ window.innerWidth¿Í window.innerHeight°¡ Àüü º¸ÀÌ´Â ÆäÀÌÁöÀÇ Å©±â¸¦ ³ªÅ¸³»Áö ¾Ê´Â´Ù´Â µ¥ ¹®Á¦°¡ ÀÖ½À´Ï´Ù. ÀÛÀº Â÷ÀÌÁö¸¸ ·¹À̾ ÆäÀÌÁö °¡Àå ¿À¸¥ÂÊÀ̳ª °¡Àå ¹ØÀ¸·Î º¸³½´Ù¸é ÀÌ Â÷À̸¸Å ·¹À̾ ³¡À¸·Î ´Ù À̵¿ÇÏÁö ¾Ê½À´Ï´Ù. ·¹À̾ À̵¿½ÃŰ´Â °æ¿ì´Â ÀÌ ÀÛÀº Â÷À̰¡ º°·Î ´«¿¡ µé¾î¿ÀÁö ¾Ê°ÚÁö¸¸ ÆäÀÌÁö¸¦ °¡µæ ä¿ì´Â ·¡À̾ ¸¸µç´Ù¸é nn4¿¡¼ ÆäÀÌÁöÀÇ Å©±â¸¦ ³ªÅ¸³»´Â À§ÀÇ window.innerWidth, window.innerHeight°¡ ÇÁ·¹ÀÓ ÆäÀÌÁö¿¡¼ Á¤È®ÇÏÁö ¾Ê½À´Ï´Ù. window.innerWidth, window.innerHeightfm ¸¦ ÂüÁ¶ÇÏ¿© ·¹À̾îÀÇ Å©±â¸¦ Á¤ÇÏ¸é ·¹À̾îÀÇ ÁÂÇ¥¸¦ 0,0¿¡ µÎ¾úÀ» ¶§ ÆäÀÌÁö ¿À¸¥Âʰú ¾Æ·¡ÂÊ¿¡¼ ¾à°£ÀÇ Æ´ÀÌ º¸ÀÔ´Ï´Ù. Àüü ÆäÀÌÁö¿¡¼´Â ÀÌ ¹®Á¦°¡ ¾ø°í Á¤È®È÷ window.innerWidth, window.innerHeight¿¡¼ ·¹À̾ º¸ÀÔ´Ï´Ù.
±×·¡¼ ÇÁ·¹ÀÓ ÆäÀÌÁö¿¡¼ ·¹À̾ À̵¿ÇÒ ¼ö ÀÖ´Â Å©±âÀÇ ¸éÀû, Áï ÇÑ È¸é¿¡ ´Ù º¸ÀÌ´Â Á¤È®ÇÑ Å©±â¸¦ ±¸ÇØ¾ß ÇÕ´Ï´Ù. ÇÑ È¸éÀÌ ³Ñ´Â ³»¿ëÀ» °¡Áö°í ÀÖ´Â ÆäÀÌÁö´Â À̵¿¸·´ë°¡ »ý±é´Ï´Ù. nn4ÀÇ window.innerWidth, window.innerHeight´Â 16px Å©±âÀÇ À̵¿¸·´ë ÆøÀÇ Å©±âµµ Æ÷ÇÔÇÕ´Ï´Ù. ¹Ý¸é¿¡ ie4ÀÇ cilentWidth, clientHeight´Â À̵¿¸·´ë ÆøÀº Æ÷ÇÔÇÏÁö ¾Ê½À´Ï´Ù. ±×·¡¼, nn4¿¡¼ ÆäÀÌÁö°¡ À̵¿¸·´ë°¡ ÀÖ´ÂÁö¸¦ ÇÐÀÎÇϱâ À§Çؼ ¹®¼°¡ ÇÑ ÆäÀÌÁö°¡ ³Ñ´ÂÁö¸¦ È®ÀÎÇØ¾ß ÇÕ´Ï´Ù. ±×·¡¾ß ·¹À̾ À̵¿¸·´ë ¹ØÀ¸·Î µé¾î°¡´Â °ÍÀ» ¸·À» ¼ö ÀÖ½À´Ï´Ù.
if(document.width > window.innerWidth) alert("¼öÆò À̵¿¸·´ë »ý±è")
if(document.height > window.innerHeight) alert("¼öÁ÷ À̵¿¸·´ë »ý±è")
·Î ÆäÀÌÁöÀÇ ¹®¼Å©±âÀÎ document.width¿Í documen.height°¡ ÆäÀÌÁöÀÇ Å©±â¸¦ ³ªÅ¸³»´Â window.innerWidth,
window.innerHeight º¸´Ù Å©´Ù¸é À̵¿¸·´ë°¡ »ý±â´Â °ÍÀ» ¾Ë¼ö ÀÖ½À´Ï´Ù. À§ÀÇ ÄÚµå´Â Àüü ÆäÀÌÁö¿¡¼ »ç¿ëÇÒ
¼ö ÀÖ½À´Ï´Ù. ÇÁ·¹ÀÓ ÆäÀÌÁö¿¡¼´Â ÇÁ·¹ÀÓ borderÀÇ Å©±â¿¡ µû¶ó¼ window.innerWidth¿Í
window.innerHeightÀÇ °ªÀÌ Àüü ȸéÀÇ Å©±â¿Í Â÷À̰¡ ³³´Ï´Ù. ¹ö±×ÀÎÁö ¹ºÁö´Â ¸ð¸£°ÚÁö¸¸, ¾Æ·¡°¡
½ÇÇè°á°úÀÔ´Ï´Ù. FRAMESPACING="0" FRAMEBORDER="NO" NOBORDER ÀÇ ÁöÁ¤¿©ºÎ´Â »ó°üÀÌ ¾ø½À´Ï´Ù.
| frame border size | nn4 ¹®¼ ÃÖ´ë Å©±â |
| 0 | window.innerWidth + 4, window.innerHeight + 4 |
| 1 | window.innerWidth + 2, window.innerHeight + 2 |
| 2 | window.innerWidth + 2, window.innerHeight + 2 |
| 3 | window.innerWidth + 2, window.innerHeight + 2 |
| 4 | window.innerWidth + 2, window.innerHeight + 2 |
| 5 | window.innerWidth + 2, window.innerHeight + 2 |
| 6 | window.innerWidth + 2, window.innerHeight + 2 |
| 7 | window.innerWidth + 2, window.innerHeight + 2 |
| 8 | window.innerWidth + 2, window.innerHeight + 2 |
| 9 | window.innerWidth + 2, window.innerHeight + 2 |
| 10 | window.innerWidth + 2, window.innerHeight + 2 |
| border ÁöÁ¤¾ÈÇÔ | window.innerWidth + 2, window.innerHeight + 2 |
if(n4) {
if(document.width > window.innerWidth+4) alert("¼öÆò À̵¿¸·´ë »ý±è")
if(document.height > window.innerHeight+4) alert("¼öÁ÷ À̵¿¸·´ë »ý±è")
}
ÀÌ ÄÚµå·Î frame border=0¿¡¼ À̵¿¸·´ë°¡ »ý±â´ÂÁö ¾ÊÀºÁö¸¦ ¼öÆòÀ¸·Î 4px, ¼öÁ÷À¸·Î 4pxÀÇ Å©±â¸¦ ³õÄ¡Áö ¾Ê°í
ÆÇ´ÜÇÒ ¼ö ÀÖ½À´Ï´Ù. border¸¦ ÁöÁ¤ÇÏÁö ¾ÊÀº ±âº» border¿¡¼´Â 2ÀÔ´Ï´Ù. ±×·¡¼ ¾Æ·¡·Î ÁöÁ¤Çϸé
¸¶Âù°¡Áö·Î 2pxÀÇ Æ´À» ³õÄ¡Áö ¾Ê½À´Ï´Ù.
if(n4) {
if(document.width > window.innerWidth+2) alert("¼öÆò À̵¿¸·´ë »ý±è")
if(document.height > window.innerHeight+2) alert("¼öÁ÷ À̵¿¸·´ë »ý±è")
}
À§ÀÇ ÄÚµåµéÀº ´Ü¼øÈ÷ nn4 ÇÁ·¹ÀÓ ÆäÀÌÁö¿¡¼ À̵¿¸·´ë°¡ »ý±â´ÂÁö ¾ÊÀºÁö¸¦ ÆÇ´ÜÇÒ ¶§ ³õÄ¥¼ö ÀÖ´Â Å©±â¸¦
º¸Á¤ÇÏ´Â °ÍÀÔ´Ï´Ù. ·¹À̾ À̵¿½ÃŰ°Å³ª ÆäÀÌÁö¿¡ ²Ë Â÷´Â ·¹À̾ ¸¸µé¶§´Â
nn4¿¡¼ ÇöÀç ºê¶ó¿ìÀúÀÇ ÆäÀÌÁöÀÇ Å©±â¸¦ ³ªÅ¸³»´Â window.innerWidth, window.innerHeight°¡
À§¿¡¼ ó·³ ½ÇÁ¦ Å©±âº¸´Ù °¢ frame border¿¡¼ Â÷À̰¡ ³³´Ï´Ù. ±×·¡¼ ·¹À̾ À̵¿½ÃŰ´Â °Å¸®¿¡ ÀÌ Â÷À̸¦
´õÇØ ÁÖ¾î¾ß ÇÕ´Ï´Ù.
·¹À̾î.left = window.innerWidth - ·¹À̾î.document.width + 4·Î Çϸé frame border 0 ÀÎ À̵¿¸·´ë°¡ ¾ø´Â ÇÑ ÆäÀÌÁö ³Ñ¾î°¡Áö ¾Ê´Â ÇÁ·¹ÀÓ ÆäÀÌÁö¿¡¼ ·¹À̾ ÆäÀÌÁö °¡Àå ¿À¸¥ÂÊ¿¡¼ ÀüºÎ ´Ù º¸ÀÔ´Ï´Ù.
function pageSize(leftOrTop) {
if(n4) {
var leftBar=topBar=0;
var returnValue = null;
if(self != parent) {
leftBar = 4; // frame border 0¿¡¼ ½ÇÁ¦ âÀÇ Å©±â¸¦ º¸Á¤ÇÔ
topBar = 4;
if(document.width > window.innerWidth+4) topBar += -16;
if(document.height > window.innerHeight+4) leftBar += -16;
}
else {
if(document.width > window.innerWidth) topBar += -16;
if(document.height > window.innerHeight) leftBar += -16;
}
if(leftOrTop == "LS") returnValue = window.innerWidth + leftBar
if(leftOrTop == "TS") returnValue = window.innerHeight + topBar
}
else if(e4) {
if(leftOrTop == "LS") returnValue = document.body.clientWidth
if(leftOrTop == "TS") returnValue = document.body.clientHeight
}
return returnValue
}
ÀÌÁ¦ returnValue´Â ÆäÀÌÁö ¹®¼ÀÇ ¾çÀÌ ÇÑ ÆäÀÌÁö°¡ ³Ñ¾î¼ À̵¿¸·´ë°¡ »ý±â´ÂÁö ¾ÊÀºÁö Àüü ÆäÀÌÁöÀÎÁö
ÇÁ·¹ÀÓ ÆäÀÌÁöÀÎÁö frame border¿¡ µû¸¥ Â÷À̸¦ º¸Á¤ÇÏ¿© °¡Àå ³ÐÀº Å©±âÀÇ °ªÀ» °¡Áý´Ï´Ù. frame borderÀÇ
Å©±â¿¡ µû¸¥ ÆäÀÌÁöÀÇ Å©±â¸¦ º¸Á¤ÇØ ÁÖ¾ú±â ¶§¹®¿¡ ·¹À̾ ÆäÀÌÁö °¡Àå ³¡¿¡ µÎ¾îµµ Àüü ÆäÀÌÁö¿¡¼ º¸ÀÔ´Ï´Ù.