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 named contentFrame
| |
-----------------v------------
Ïà¹ØÎĵµ£º
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
javascriptÖеÄsubstr ºÍsubstringµÄÇø±ð:
1.substr ·½·¨
·µ»ØÒ»¸ö´ÓÖ¸¶¨Î»ÖÿªÊ¼µÄÖ¸¶¨³¤¶ÈµÄ×Ó×Ö·û´®¡£
stringvar.substr(start [, length ])
²ÎÊý
stringvar
±ØÑ¡Ïî¡£ÒªÌáÈ¡×Ó×Ö·û´®µÄ×Ö·û´®ÎÄ×Ö»ò String ¶ÔÏó¡£
start
±ØÑ¡Ïî¡£ËùÐèµÄ×Ó×Ö·û´®µÄÆðʼλÖá£×Ö·û´®ÖеĵÚÒ»¸ö×Ö·ûµÄË÷ÒýΪ 0¡£
length
¿ÉÑ¡Ïî¡£Ô ......
//¹¹Ô캯Êý
function myClass(message)
{
//¹«ÓÐÊôÐÔ
this.myMessage = message;
//˽ÓÐÊôÐÔ
var _separator = ' -';
var _myOwner = this;
//˽Óз½·¨
function showMessage()
{
alert(_myOwner.myMessage);
}
//ÌØÈ¨·½·¨(Ò²Êǹ«Óз½·¨)
this.appendToMessage = function(app ......
¶¨ÒåºÍÓ÷¨
eval() º¯Êý¿É¼ÆËãij¸ö×Ö·û´®£¬²¢Ö´ÐÐÆäÖÐµÄµÄ JavaScript ´úÂë¡£
Óï·¨
eval(string)
²ÎÊýÃèÊö
string
±ØÐè¡£Òª¼ÆËãµÄ×Ö·û´®£¬ÆäÖк¬ÓÐÒª¼ÆËãµÄ JavaScript ±í´ïʽ»òÒªÖ´ÐеÄÓï¾ä¡£
·µ»ØÖµ
ͨ¹ý¼ÆËã string µÃµ½µÄÖµ£¨Èç¹ûÓеϰ ......
43¡¢JavaScriptÖ÷Ò³µ¯³ö´°¿Ú¼¼ÇÉ
´°¿ÚÖм䵯³ö
<script>
window.open("http://www.cctv.com","","width=400,height=240,top="+(screen.availHeight-240)/2+",left="+(screen.availWidth-400)/2);
</script>
============
<html>
<head>
<script language="LiveScript">
fu ......