ÓÃJavascript»ñÈ¡Ò³ÃæÔªËØµÄλÖÃ
×ªÔØ×Ô£ºhttp://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html
Áíһƪ£ºhttp://blog.csdn.net/ivan820819/archive/2009/09/03/4515122.aspx
ÖÆ
×÷
ÍøÒ³µÄ¹ý³ÌÖУ¬ÄãÓÐʱºòÐèÒªÖªµÀij¸öÔªËØÔÚÍøÒ³ÉϵÄÈ·ÇÐλÖá£
ÏÂÃæµÄ½Ì³Ì×ܽáÁËJavascriptÔÚÍøÒ³¶¨Î»·½ÃæµÄÏà¹ØÖª
ʶ¡£
Ò»¡¢ÍøÒ³µÄ¾ø¶Ô´óСºÍÏà¶Ô´óС
Ê×ÏÈ£¬ÒªÃ÷È·Á½¸ö»ù±¾¸ÅÄî¡£
Ò»ÕÅÍøÒ³µÄÈ«²¿Ãæ»ý£¬¾ÍÊÇËüµÄ¾ø¶Ô´óС¡£Í¨³£Çé¿öÏ£¬ÍøÒ³µÄ¾ø¶Ô´óСÓÉÄÚÈݺÍCSSÑùʽ±í¾ö¶¨¡£
ÍøÒ³µÄÏà¶Ô´óСÔòÊÇÖ¸ÔÚä¯ÀÀÆ÷´°¿ÚÖп´µ½µÄÄDz¿·ÖÍøÒ³£¬Ò²¾ÍÊÇä¯ÀÀÆ÷´°¿ÚµÄ´óС£¬ÓÖ½Ð×öviewport£¨ÊÓ¿Ú£©¡£
ÏÂͼÖÐÑëµÄ·½¿ò¾Í´ú±íä¯ÀÀÆ÷´°¿Ú£¬Ã¿´ÎÖ»ÄÜÏÔʾһ²¿·ÖÍøÒ³¡£
£¨Í¼Ò» ÍøÒ³µÄ¾ø¶Ô´óСºÍÏà¶Ô´óС£©
ºÜÏÔÈ»£¬Èç¹ûÍøÒ³µÄÄÚÈÝÄܹ»ÔÚä¯ÀÀÆ÷´°¿ÚÖÐÈ«²¿ÏÔʾ£¨Ò²¾ÍÊDz»³öÏÖ¹ö¶¯Ìõ£©£¬ÄÇÃ´ÍøÒ³µÄ¾ø¶Ô´óСºÍÏà¶Ô´óСÊÇÏàµÈµÄ¡£
¶þ¡¢»ñÈ¡ÍøÒ³µÄÏà¶Ô´óС
ÍøÒ³ÉϵÄÿ¸öÔªËØ£¬¶¼ÓÐclientHeightºÍclientWidthÊôÐÔ£¬ÀûÓÃËüÃǾͿÉÒԵõ½ÍøÒ³µÄÏà¶Ô´óС¡£ÕâÁ½¸öÊôÐÔ´ú±íµÄ´óС£¬ÊÇÖ¸Ôª
ËØµÄÄÚÈݲ¿·ÖÔÙ¼ÓÉÏpaddingµÄ´óС£¬µ«ÊDz»°üÀ¨borderºÍ¹ö¶¯ÌõÕ¼ÓõĿռ䡣
£¨Í¼¶þ clientHeightºÍclientWidthÊôÐÔ£©
Òò´Ë£¬documentÔªËØµÄclientHeightºÍclientWidthÊôÐÔ£¬¾Í´ú±íÁËÍøÒ³µÄÏà¶Ô´óС¡£
function getViewport(){
¡¡¡¡¡¡¡¡if (document.compatMode == "BackCompat"){
¡¡¡¡¡¡¡¡¡¡¡¡return {
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡width: document.body.clientWidth,
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡height: document.body.clientHeight
¡¡¡¡¡¡¡¡¡¡¡¡}
¡¡¡¡¡¡¡¡} else {
¡¡¡¡¡¡¡¡¡¡¡¡return {
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡width: document.documentElement.clientWidth,
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡height: document.documentElement.clientHeight
¡¡¡¡¡¡¡¡¡¡¡¡}
¡¡¡¡¡¡¡¡}
¡¡¡¡}
ÉÏÃæµÄgetViewportº¯Êý¾Í¿ÉÒÔ·µ»Øä¯ÀÀÆ÷´°¿ÚµÄ¸ßºÍ¿í¡£Ê¹ÓõÄʱºò£¬ÓÐÈý¸öµØ·½ÐèҪעÒ⣺
1£©Õâ¸öº¯Êý±ØÐëÔÚÒ³Ãæ¼ÓÔØÍê³Éºó²ÅÄÜÔËÐУ¬·ñÔòdocument¶ÔÏó»¹Ã»Éú³É£¬ä¯ÀÀÆ÷»á±¨´í¡£
2£©´ó¶àÊýÇé¿öÏ£¬¶¼ÊÇdocument.documentElement.clientWidth·µ»ØÕýÈ·Öµ¡£µ«ÊÇ£¬ÔÚIE6µÄquirksģʽ
ÖУ¬document.body.clientWidth·µ»ØÕýÈ·µÄÖµ£¬Òò´Ëº¯ÊýÖмÓÈëÁ˶ÔÎĵµÄ£Ê½µÄÅжϡ£
3£©clientWidthºÍclientHeight¶¼ÊÇÖ»¶ÁÊôÐÔ£¬²»ÄܶÔËüÃǸ³Öµ¡£
Èý¡¢»ñÈ¡ÍøÒ³µÄ¾ø¶Ô´óС
document¶ÔÏóµÄscrollHeightºÍscrollWidthÊôÐÔ¾ÍÊÇÍøÒ³µÄ¾ø¶Ô´óС£¬Òâ˼¾ÍÊǹö¶¯Ì
Ïà¹ØÎĵµ£º
<mce:script language="javascript" ><!--
function person(name,age)
{
this.name=name;
this.age=age;
}
function man(name,age)
{
this.sex="ÄÐ";
this.base=person;
this.base(name,age);
}
function woman(name,age)
{
this.sex="Å®";
this.base=person;
this.base(name,age)
}
......
¸ÕÔÚCSDNÉÏ¿´µ½Ò»ÆªJAVASCRIPTµÄÃæÊÔÌâÄ¿£¬ÆäÖÐÓÐÒ»¸öÌâÄ¿ÊǹØÓÚjavascript¹Ø¼ü×ÖµÄÎÊÌ⣬ÊÔ×öÁËһϣ¬½á¹û×ö´íÁË¡£°¦¡£º¹Ò»¸ö
ÓÚÊÇÉÏÍøÕÒÁËһϣ¬Ôڴ˼ǼÏÂÀ´£¬ÒÔ×ÔÃã¡£
Javascript¹Ø¼ü×Ö(Reserved
Words)ÊÇÖ¸ÔÚJavascriptÓïÑÔÖÐÓÐÌØ¶¨º¬Ò壬³ÉΪJavascriptÓï·¨ÖÐÒ»²¿·ÖµÄÄÇЩ×Ö¡£Javascript¹Ø¼ü×ÖÊDz»ÄÜ×÷Ϊ±äÁ¿Ãû
......
ÓÐʱºò½øÐÐajax½»»¥µÄʱºò£¬·µ»ØµÄÊý¾Ý¿ÉÒÔ×Ô¼ºÌí¼Ó·Ö¸ô·û£¬±ÈÈç^^^£¬È»ºó¶ÔÕâЩ·Ö¸ô·û½øÐнâÎö£¬·Ö½âΪһ¸öÊý×é¡£
function fill(v) {
if (v == undefined)return false;
var result = v.split("^^^");
$("#cnPatent").val(result[0]);
$("#cnPText").val(result[1]); ......
Ò»¡¢Ö÷Ò³Ãæ(²ÉÓÃjspʵÏÖ)
<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="gb2312"%>
<%@page import="org.accp.jwebplayer.biz.MusicBiz"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<h ......
jsÈçºÎʵÏÖÔÚÒ³ÃæÍêÈ«¼ÓÔØºóÖ´ÐÐjavascriptº¯Êý»ò/´úÂëÄØ?
¿ÉÒÔÊÇÒÔϼ¸ÖÖ
<body onload="function name()" > </body >
<script >window.onload=function name </script >
<script language="javascript" for="window" event="onload" >function name(); </script >
µ ......