<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js³ýÈ¥×Ö·û´®¿Õ¸ñ</title>
<script type="text/javascript">
//³ýȥȫ²¿¿Õ¸ñ
function removeAll(str){
var localString = '';
for(var index = 0; index<str.length; index++)
if(str.charCodeAt(index)!= 32){
localString += str.charAt(index);
};
return localString;
&nbs ......
Õâ¸öϵÁÐÎÄÕÂÖ÷ÒªÊǽ²ÊöʵÏÖJavascriptÍÏ×§¹¦ÄܵĻù´¡ÖªÊ¶£¬²¢½«ÔÚ×îºó¸ø³öÒ»¸öÍêÕûµÄʾÀý¡£Êʺ϶ÔÍÏ×§ÍêÈ«²»¶®µÄÈËÔĶÁ¡£
µÚһƪ¾ÍÏȽ²½²JavascriptÖеÄoffsetParentÊôÐÔ°É¡£
Ö§³ÖµÄä¯ÀÀÆ÷£ºInternet Explorer 4.0+£¬Mozilla 1.0+£¬Netscape 6.0+£¬Opera 7.0+£¬Safari 1.0+
element.offsetParent
Summary
offsetParent returns a reference to the object which is the closest (nearest in the containment hierarchy) positioned containing element. If the element is non-positioned, the root element (html in standards compliant mode; body in quirks rendering mode) is the offsetParent. offsetParent returns null when the element has style.display set to "none".
Syntax
parentObj = element.offsetParent
......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Wanna tell her - interactive DHTML </title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #fff;
width: 100%;
height: 100%;
}
#screen {
position: absolute;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
background: #fff;
}
#screen img {
position: absolute;
cursor: pointer;
width: 0px;
height: 0px;
-ms-interpolation-mode:nearest-neighbor;
}
#bankImages {
visibility: hidden;
}
#FPS {
position: absolute;
right: 5px;
bottom: 5px;
font-size: 10px;
color: #666;
font-family: verdana;
}
</style>
<script type="text/javascript">
/* ==== Easing function ==== */
var Library = {};
Library.ease = function () {
this.target = 0;
......
ÓÐÐí¶àСÇÏÃÅÀ´Ê¹±à³Ì¸ü¼ÓÈÝÒס£ÆäÖÐÖ®Ò»¾ÍÊÇeval()º¯Êý£¬Õâ¸öº¯Êý¿ÉÒÔ°ÑÒ»¸ö×Ö·û´®µ±×÷Ò»¸öJavaScript±í´ïʽһÑùÈ¥Ö´ÐÐËü¡£ÒÔÏÂÊÇËüµÄ˵Ã÷
Eval º¯Êý
¹¦ÄÜ£ºÏȽâÊÍJavascript´úÂ룬ȻºóÔÚÖ´ÐÐËü
Ó÷¨£ºEval(codeString)
codeStringÊǰüº¬ÓÐJavascriptÓï¾äµÄ×Ö·û´®£¬ÔÚevalÖ®ºóʹÓÃJavascriptÒýÇæ±àÒë¡£
¾Ù¸öСÀý×Ó£º
var the_unevaled_answer = "2 + 3";
var the_evaled_answer = eval("2 + 3");
alert("the un-evaled answer is " + the_unevaled_answer + " and the evaled answer is " + the_evaled_answer);
Èç¹ûÄãÔËÐÐÕâ¶Îeval³ÌÐò, Ä㽫»á¿´µ½ÔÚJavaScriptÀï×Ö·û´®"2 +
3"ʵ¼ÊÉϱ»Ö´ÐÐÁË¡£ËùÒÔµ±Äã°Ñthe_evaled_answerµÄÖµÉè³É eval("2 + 3")ʱ,
JavaScript½«»áÃ÷°×²¢°Ñ2ºÍ3µÄºÍ·µ»Ø¸øthe_evaled_answer¡£
Õâ¸ö¿´ÆðÀ´ËƺõÓеãɵ£¬Æäʵ¿ÉÒÔ×ö³öºÜÓÐȤµÄÊ¡£±ÈÈçʹÓÃevalÄã¿ÉÒÔ¸ù¾ÝÓû§µÄÊäÈëÖ±½Ó´´½¨º¯Êý¡£Õâ¿ÉÒÔʹ³ÌÐò¸ù¾Ýʱ¼ä»òÓû§ÊäÈëµÄ²»Í¬¶øÊ¹³ÌÐò±¾Éí·¢Éú±ä»¯£¬Í¨¹ý¾ÙÒ»·´Èý£¬Äã¿ÉÒÔ»ñµÃ¾ªÈ˵ÄЧ¹û¡£
ÔÚʵ¼ÊÖУ¬evalºÜÉÙ±»Óõ½£¬µ«Ò²ÐíÄã¼û¹ýÓÐÈËʹÓÃevalÀ´»ñÈ¡ÄÑÒÔË÷ÒýµÄ¶ÔÏó¡£ Îĵ ......
JavaScriptÔÊÐí´´½¨ºÍ´ò¿ª´ú±íHTMLÎı¾, form¶ÔÏóºÍframeµÄ´°¿Ú.
window¶ÔÏóÊÇJavaScript¿Í»§²ã´Î½á¹¹µÄ×î¶¥²ã¶ÔÏó,
formÔªËØºÍÈ«²¿JavaScript´úÂë¶¼ÊÇ´æÔÚÓÚÎĵµÖÐ,¶øÎĵµ±»×°Ôؽø´°¿Ú. ΪÁËÀí½â´°¿ÚÔõÑù¹¤×÷,Äã¿ÉÒÔ¿ØÖƲÙ×÷ÕâЩ´°¿Ú.
´ò¿ªºÍ¹Ø±Õ´°¿Ú
µ±
Óû§Æô¶¯(launch)Navigatorʱ,½«×Ô¶¯´´½¨Ò»¸ö´°¿Ú.Óû§»¹¿ÉÒÔʹÓÃNavigatorµÄFile²Ëµ¥ÉϵÄNew Web
Browser´ò¿ªÒ»¸ö´°¿Ú,
¿ÉÒÔÓÃNavigatorµÄFile²Ëµ¥µÄClose»òExit¹Ø±ÕÒ»¸ö´°¿Ú.Ò²¿ÉÒÔÓóÌÐòµÄ°ì·¨À´´ò¿ª»ò¹Ø±ÕÒ»¸ö´°¿Ú.
´ò¿ª´°¿Ú
Ó÷½·¨open´´½¨Ò»¸ö´°¿Ú.ÏÂÃæÓï¾ä´´½¨ÁËÒ»¸öÃûΪmsgWindowµÄ´°¿Ú,²¢Ôڸô°¿ÚÄÚÏÔʾÎļþsesame.htmlµÄÄÚÈÝ.
msgWindow=window.open("sesame.html")
ÏÂÃæµÄÕâ¸öÓï¾äÄܹ»´´½¨Ò»¸öÃûΪhomeWindowµÄ´°¿Ú,ÓÃÓÚÏÔʾNetscapeµÄhome page.
homeWindow=window.open("http://www.netscape.com
")
´°¿Ú¿ÉÒÔÓÐÁ½¸öÃû×Ö.ÏÂÊöÓï¾ä´´½¨ÁËÒ»¸öÓÐÁ½¸öÃû×ֵĴ°¿Ú,µÚÒ»¸öÃû×ÖΪmsgWindowÓÃÓÚÒýÓô°¿ÚµÄÊôÐÔ,·½·¨ºÍ°üº¬¹ØÏµ, µÚ¶þ¸öÃû×ÖdisplayWindowÓÃÓÚ°Ñ´°¿Ú×÷ΪformÌá½» »ò³¬Îı¾Á´µÄ¶ÔÏóÀ´ÒýÓÃʱ.
´´½¨´°¿Úʱ,²¢²»ÒªÇóÒ»¶¨¸ø³ö´°¿ÚÃû.µ«ÊÇÄãÈô´òËã´ÓÁíÒ»¸ö´°¿ÚÖÐ ......
JSÖÐÊý×éµÄÅúÁ¿Ìî³ä·½Ê½:
1.ÔÚÉùÃ÷ʱͬʱ½øÐÐÌî³ä
var beatles = Array("John","Paul","George","Ringo");
2.ÎÒÃÇÉõÖÁÓò»×ÅÃ÷È·µØ±íÃ÷ÎÒÃÇÊÇÔÚ´´½¨Êý×é.ÊÂʵÉÏ,Ö»ÐèÓÃÒ»¶Ñ·½À¨ºÅÀ¨ÆðÀ´¾Í×ãÒÔ´´½¨ÎÒÃÇÏëÒªµÄÊý×éÁË:
var beatles = ["John","Paul","George","Ringo"];
JSÖеĹØÁªÊý×é
:JSÖÐÊý×éϱ겢²»¾ÖÏÞÓÚÕûÊý.Êý×éϱê¿ÉÒÔÊÇ×Ö·û´®:
var lennon = Array();
lennon["name"]="John";
lennon["year"]="1940";
´ÓijÖÖÒâÒåÉϽ²,ÍêÈ«¿ÉÒÔ°ÉËùÓеÄÊý×é¶¼¿´×öÊǹØÁªÊý×é.ÊýÖµÊý×éÖ»²»¹ýÊǹØÁªÊý×éµÄÒ»ÖÖÌØÀý.
CSS²ãµþÑùʽ±í¶¨Ò巽ʽ:
<p class="special">This<p>
<h2 class="special">So<h2>
1.ÔÚÑùʽ±íÀï,ÎÒÃÇ¿É ......