javascriptÑ§Ï°Ëæ±Ê(ʹÓÃwindowºÍframe)µÄ¼¼ÇÉ
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Ìá½» »ò³¬Îı¾Á´µÄ¶ÔÏóÀ´ÒýÓÃʱ.
´´½¨´°¿Úʱ,²¢²»ÒªÇóÒ»¶¨¸ø³ö´°¿ÚÃû.µ«ÊÇÄãÈô´òËã´ÓÁíÒ»¸ö´°¿ÚÖÐÒýÓô˴°¿Ú,Ôò´Ë´°¿Ú±ØÐëÓÐÒ»¸öÃû×Ö.ÓйØÊ¹Óô°¿ÚÃû×ÖµÄÐÅÏ¢²Î¼ûwindows and framesÓйØ×ÊÁÏ.
´ò¿ª´°¿Úʱ,¿ÉÒÔÖ¸¶¨´°¿ÚÊôÐÔ,Èç´°¿ÚµÄ¸ß¶È,¿í¶È,ÊÇ·ñ°üº¬¹¤¾ßÌõ,locationÓò»ò¹ö¶¯ÌõµÈµÈ.ÏÂÊöÓï¾ä´´½¨ÁËÒ»¸öûÓй¤¾ßÌõµ«´øÓйö¶¯ÌõµÄ´°¿Ú.
msgWindow=window.open
("sesame.html","displayWindow","toolbar=no,scrollbars=yes")
Óйش°¿ÚµÄÊôÐÔµÄϸ½ÚÇë²Î¼ûOPEN ·½·¨.
¹Ø±Õ´°¿Ú
¿ÉÒÔÔÚ³ÌÐòÖÐʹÓ÷½·¨closeÀ´¹Ø±ÕÒ»¸ö´°¿Ú.²»ÔÊÐíÖ»¹Ø±ÕÒ»¸öframe, ¶ø²»¹ØµôÕû¸ö¸¸´°¿Ú.
ÏÂÊöÓï¾ä¾ù¿É¹Ø±Õµ±Ç°´°¿Ú:
window.close()
self.close()
//´ËÓï¾ä²»ÄÜÓÃÔÚʼþ´¦Àí³ÌÐòÖÐ
close()
ÏÂÊöÓï¾ä¹Ø±ÕÁËÒ»¸öÃûΪmsgWindowµÄ´°¿Ú:
msgWindow.close()
--------------------------------------------------------------------------------
ʹÓÃframe
frameÊÇÒ»ÖÖÌØÊâµÄ´°¿Ú,Ëü¿ÉÒÔÔÚÒ»¸ö´°¿ÚÏÔʾ¶à¸ö¶ÀÁ¢¹ö¶¯µÄframe.ÿ¸öframeÓÖÓи÷×Ô²»Í¬µÄURL. ¸÷frame¿ÉÒÔÖ¸Ïò²»Í¬µÄURL,Ò²¿ÉÒÔ×÷ΪÆäËüURLÄ¿±ê,µ«±ØÐëÔÚͬһ¸ö´°¿ÚÄÚ. һϵÁеÄframe ×é³ÉÒ³(page).
ÏÂͼÊÇÒ»¸öº¬ÓÐÈý¸öframeµÄ´°¿Ú
This frame is This frame is
named listFrame
Ïà¹ØÎĵµ£º
ÀûÓÃjsÀ´¶¯Ì¬´´½¨±í¸ñÓÐÁ½ÖÖ¸ñʽ£¬appendChild()ºÍinsertRow¡¢insertCell()¡£Á½ÖÖ·½Ê½Æäʵ²î²»¶à£¬µ«µÚÒ»ÖÖÓпÉÄÜÔÚIEÉÏÓÐÎÊÌ⣬ËùÒÔÍÆ¼ö´ó¼ÒʹÓõڶþÖÖÁË£¬Ö±½Ó˵°É¡£
1¡¢inserRow()ºÍinsertCell()º¯Êý
insertRow()º¯Êý¿ÉÒÔ´ø²ÎÊý£¬ÐÎʽÈçÏ£º
insertRow(index)£ºindex´Ó0¿ªÊ¼
Õâ¸öº¯Êý½«ÐÂÐÐÌí¼Óµ½indexµÄÄÇÒ»ÐÐÇ ......
JavaScript ÊÇÒ»Öַdz£Áé»îµÄÃæÏò¶ÔÏó³ÌÐòÉè¼ÆÓïÑÔ£¬ËüÓ봫ͳµÄÇ¿ÀàÐ͵ÄÃæÏò¶ÔÏó³ÌÐòÉè¼ÆÓïÑÔ£¨Èç C++£¬Java£¬C# µÈ£©Óкܴó²»Í¬£¬ËùÒÔҪʵÏÖÈç C++¡¢java¡¢C# µ±ÖеÄÒ»Ð©ÌØÐÔ¾ÍÐèÒª»»Ò»ÖÖ˼¿¼·½Ê½À´½â¾ö¡£½ñÌìÖ÷ÒªÌÖÂÛÈçºÎÔÚ JavaScript ½Å±¾ÖÐʵÏÖÊý¾ÝµÄ·â×°£¨encapsulation£©¡£
Êý¾Ý·âװ˵µÄ¼òµ¥µã¾ÍÊǰѲ»Ï£Íûµ÷ÓÃÕß¿´ ......
Jsѧϰ£¨¶þ£©
ÎÒÃÇÓ¦¸ÃÒѾ·¢ÏÖ£¬´´½¨¹«ÓÐʵÀý³ÉÔ±ÆäʵºÜ¼òµ¥£¬Ò»ÖÖ·½Ê½ÊÇͨ¹ýÔÚÀàÖиø this.memberName À´¸³Öµ£¬Èç¹ûÖµÊǺ¯ÊýÖ®ÍâµÄÀàÐÍ£¬ÄǾÍÊǸö¹«ÓÐʵÀý×ֶΣ¬Èç¹ûÖµÊǺ¯ÊýÀàÐÍ£¬ÄǾÍÊǹ«ÓÐʵÀý·½·¨¡£ÁíÍâÒ»ÖÖ·½Ê½ÔòÊÇͨ¹ý¸ø className.prototype.memberName ¸³Öµ£¬¿É¸³ÖµµÄÀàÐ͸ú this.memberName ÊÇÏàͬµÄ¡£
µ½µ×ÊÇ ......
ÀûÓõ÷Óü̳еĹؼüÖ»ÓÐÒ»²½²Ù×÷£º
¾ÍÊÇÔÚ×ÓÀඨÒåʱ£¬Í¨¹ý¸¸ÀàµÄ call ·½·¨£¬½«×ÓÀàµÄ this Ö¸Õë´«È롣ʹ¸¸Àà·½·¨ÔÚ×ÓÀàÉÏÏÂÎÄÖÐÖ´ÐС£
ÕâÑù£¬¸¸ÀàÖеÄËùÓÐÔÚ¸¸ÀàÄÚ²¿Í¨¹ý this ·½Ê½¶¨ÒåµÄ¹«ÓÐʵÀý³ÉÔ±¶¼»á±»×ÓÀà¼Ì³Ð¡£
Óà instanceof ÔËËã·ûÅжÏʱ£¬×ÓÀàµÄʵÀý»¯¶ÔÏóÖ»ÊôÓÚ×ÓÀ࣬²»ÊôÓÚ¸¸Àà¡£
²é¿´×ÓÀàµÄʵÀý»¯¶ÔÏóµÄ ......
<!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: h ......