[תÌû]JavaScript´°Ìå´óС
[תÌû]JavaScript´°Ìå´óС
ÍøÒ³¿É¼ûÇøÓò¿í£ºdocument.body.clientWidth
ÍøÒ³¿É¼ûÇøÓò¸ß£ºdocument.body.clientHeight
ÍøÒ³¿É¼ûÇøÓò¿í£ºdocument.body.offsetWidth (°üÀ¨±ßÏߵĿí)
ÍøÒ³¿É¼ûÇøÓò¸ß£ºdocument.body.offsetHeight (°üÀ¨±ßÏߵĿí)
ÍøÒ³ÕýÎÄÈ«ÎÄ¿í£ºdocument.body.scrollWidth
ÍøÒ³ÕýÎÄÈ«Îĸߣºdocument.body.scrollHeight
ÍøÒ³±»¾íÈ¥µÄ¸ß£ºdocument.body.scrollTop
ÍøÒ³±»¾íÈ¥µÄ×ó£ºdocument.body.scrollLeft
ÍøÒ³ÕýÎIJ¿·ÖÉÏ£ºwindow.screenTop
ÍøÒ³ÕýÎIJ¿·Ö×ó£ºwindow.screenLeft
ÆÁÄ»·Ö±æÂʵĸߣºwindow.screen.height
ÆÁÄ»·Ö±æÂÊµÄ¿í£ºwindow.screen.width
ÆÁÄ»¿ÉÓù¤×÷Çø¸ß¶È£ºwindow.screen.availHeight
ÆÁÄ»¿ÉÓù¤×÷Çø¿í¶È£ºwindow.screen.availWidth
HTML¾«È·¶¨Î»:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetLeft:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓÉ offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¼ÆËã×ó²àλÖÃ
offsetTop:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓÉ offsetTop ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¼ÆËã¶¥¶ËλÖÃ
event.clientX Ïà¶ÔÎĵµµÄˮƽ×ù±ê
event.clientY Ïà¶ÔÎĵµµÄ´¹Ö±×ù±ê
event.offsetX Ïà¶ÔÈÝÆ÷µÄË®Æ½×ø±ê
event.offsetY Ïà¶ÔÈÝÆ÷µÄ´¹Ö±×ø±ê
document.documentElement.scrollTop ´¹Ö±·½Ïò¹ö¶¯µÄÖµ
event.clientX+document.documentElement.scrollTop Ïà¶ÔÎĵµµÄˮƽ×ù±ê+´¹Ö±·½Ïò¹ö¶¯µÄÁ¿
---
IE£¬FireFox ²îÒìÈçÏ£º
IE6.0¡¢FF1.06+£º
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5£º
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
(ÐèÒªÌáһϣºCSSÖеÄmarginÊôÐÔ£¬ÓëclientWidth¡¢offsetWidth¡¢clientHeight¡¢offsetHeight¾ùÎÞ¹Ø)
ÍøÒ³¿É¼ûÇøÓò¿í£º document.body.clientWidth
ÍøÒ³¿É¼ûÇøÓò¸ß£º document.body.clientHeight
ÍøÒ³¿É¼ûÇøÓò¿í£º document.body.offsetWidth (°üÀ¨
Ïà¹ØÎĵµ£º
1¡¢JS½âÊÍ˳Ðò
JavaScriptÊǰ´HTMLÎĵµÁ÷˳ÐòÖ´Ðе쬷Ö<script>¿é˳ÐòÖ´ÐУ¬JSÊÇÏÈÔ¤±àÒëÔÙÖ´ÐУ¬È»ºóÔٱ߱àÒë±ßÖ´ÐеÄÓïÑÔ£¬ÀýÈ磺
alert(a); //undefined
var a = 1;
alert(a); //1
Ϊʲô»á³öÏÖÉÏÊö½á¹ûÄØ£¿
´ð°¸£ºa±äÁ¿ÔÚÔ¤±àÒëµÄʱºò£¬ÒѾ´æÔÚÄÚ´æÖУ¬È»ºóJSÒýÇæ¿ªÊ¼Ö´ÐÐJS´úÂë£ ......
1.»ñÈ¡URL
»ñÈ¡urlµÄ·½·¨£¬Ö±½ÓÓÃlocation¾Í¿ÉÒÔÁË£¬window.location»òwindow.loation.hrefÒ²¿ÉÒÔ¡£
2.·ÖÎöURL
ÔËÓÃlocation»ñÈ¡µÄurlµÄÊôÐÔΪobject£¬Òª¶ÔÆä½øÐÐ×Ö·û´®µÄ·ÖÎö²Ù×÷£¬ÐèÒªÏȽ«Æäת»»Îª×Ö·û´®¡£
ÓÃlocationÀ´½øÐд¦Àí£¬Ê×ÏȽ«Æäת»»Îª×Ö·û´®£¬Óú¯ÊýtoString()£¬URL.toString();
¸½Ò»Ð©URL²ÎÊý
ÍêÕûµÄU ......
ÍøËÙºÜÂý£¬µ«Óֵôò¿ª Flash ÊÇÒ»¼þºÜÍ´¿àµÄÊÂÇé£¬ÌØ±ðÊÇ Silverlight À´ÁÙÖ®¼Ê£¬Õâ¸ö¼¼Êõ¿ÉÄÜÓеãÓÃ
¾ßÌå´úÂëÈçÏÂ
<SCRIPT LANGUAGE="JavaScript">
var starttime = new Date()
</SCRIPT>
<img src="images/ConvLogo.JPG?id=<%Int(37462 * Rnd +&n ......
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
......
ÔÎĵØÖ·£ºhttp://www.cnblogs.com/daniel-shen/archive/2006/07/12/449280.html
javascript ÖÐthis µÄÓ÷¨:
1.<div onclick="// ¿ÉÒÔÔÚÀïÃæÊ¹ÓÃthis">division element</div> this Ö¸Ïòdiv
2. <div id="elmtDiv">division element</div>
&nbs ......