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Ìá½» »ò³¬Îı¾Á´µÄ¶ÔÏóÀ´ÒýÓÃʱ.
´´½¨´°¿Úʱ,²¢²»ÒªÇóÒ»¶¨¸ø³ö´°¿ÚÃû.µ«ÊÇÄãÈô´òËã´ÓÁíÒ»¸ö´°¿ÚÖÐÒýÓô˴°¿Ú,Ôò´Ë´°¿Ú±ØÐëÓÐÒ»¸ ......
1. <script language="LiveScript">
document.write("ÕâÊÇÒÔ JavaScript Ó¡³öµÄ!")
</script>
2. <script language="LiveScript">
//µ±Ò³ÃæÔØÈëʱ£¬»áÖ´ÐÐλÓÚ body ²¿·ÖµÄ JavaScript; µ±±»µ÷ÓÃʱ£¬Î»ÓÚ head ²¿·ÖµÄ JavaScript ²Å»á±»Ö´ÐС£
function pushbutton1()
{
alert("àË! ÄãºÃ"); //ÒÔ¶Ô»°ÊÓ´°²úÉúÄÚºµÄѶϢ
}
</script>
3. <form>
  ......
javascriptÃæÏò¶ÔÏó¼Ì³ÐµÄÈýÖÖ·½·¨£º
<
html xmlns
=
"
http://www.w3.org/1999/xhtml
"
>
<
head runat
=
"
server
"
>
<
title
>
Untitled Page
</
title
>
<
script language
=
"
javascript
"
type
=
"
text/javascript
"
>
//
»ùÀà
function Person()
{
this
.Name
=
"
Person
"
;
this
.Sex
=
"
NONE
"
;
this
.Age
=
"
?
"
;
this
.SayName
=
function()
{alert(
this
.Name);}
;
this
.SayS ......
ÕâÖÖÐÂʽµÄ¼¼Êõ×îÏÈÓÉjQuery¸ã³öÀ´µÄ£¬½Ó×ÅPrototypeÓëmootools¶¼Ö§³ÖÁË¡£Õâ¼¼ÊõÐËÆðµÄÔÒòÊÇä¯ÀÀÆ÷Ðá̽¼¼ÊõÊDz»Ì«¿É¿¿£¬ÈçUserAgentºÜÈÝÒ×±»Î±Ô죬ÈçIE8µÄUserAgent¾Í°ÑÐí¶àä¯ÀÀÆ÷µÄ¹Ø¼ü×Ö°üº¬½øÈ¥£¬Ôì³É±çʶÀ§ÄÑ¡£ÆäËûÒ»Ð©ÖØÒª±çʶÊֶΣ¬ÓÉÓÚä¯ÀÀÆ÷³§É̶Ծɰ汾µÄÉý¼¶Óë²»¶ÏÍÆ½øÐ°汾£¬Ðí¶à¶¼ÎÞЧÁË¡£ÓÉÓÚä¯ÀÀÆ÷ÖÖÀàÔ½À´Ô½¶à£¬°æ±¾Ò²Ô½À´Ô½¶à£¬¿´¿´ExtµÄºËÐÄÎļþ°É£¬ÕæÊÇÓÐÄÍÐÔ£¬Á¬»ðºüÓëÆ»¹ûµÄ¸÷¸ö°æ±¾¶¼ÁгöÀ´£¬Õâ¶«Î÷»áûÓÐÖ¹¾³µØÅòÕÍ£¬Îª´ËÌØÕ÷Õì²â¼¼ÊõÓ¦Ô˶øÉú¡£Õâ¶«Î÷Ö»ÒªÊÇÓÃÀ´Õì²âä¯ÀÀÆ÷¹¤³§×Ô×÷´ÏÃ÷Ìí¼ÓµÄÒ»Ð©ÌØÕ÷£¬²»ÓÃ˵£¬Ê×µ±Æä³åÊÇIE£¬Èç×Ô¶¯ÎªtableÌí¼Ótbody£¬×Ô¶¯ÎªinnerHTMLÈ¥³ý¿Õ°×£¬×Ô¶¯ÎªhrefÊôÐÔ²¹È«Â·¾¶¡¡ËäÈ»ÓеĵÄÈ·ºÜÓÐÓã¬ÈçΪtableÌí¼ÓtbodyÄܼӿì¶ÁдËÙ¶È£¬µ«±ê×¼ä¯ÀÀÆ÷²»ÕâÑù×ö£¬ÓÚÊÇÂé·³ÓÖÀ´ÁË¡¡
innerHTMLÈ¥³ý¿Õ°×ÌØÐÔ¡£°´Àí½²£¬innerHTMLÊÇIE¸ã³öÀ´µÄ£¬ÆäËûä¯ÀÀÆ÷Ó¦¸ÃÍêÈ«°´ÕÕIEµÄģʽäÖȾ²Å¶Ô²»Æð£¬µ«ËüÃÇ×ÜÒª¸ã³öÒ»µãÌØÊâÀ´¡£²»¹ý£¬IEµÄinnerHTMLµÄÈ·Óв»Í׵ĵط½¡£°´Î¢ÈíµÄ˼·£¬innerHTMLÊÇÓÃÀ´´ó¹æÄ£Éú³ÉDOMÔªËØ£¬Èç¹ûÓÐһЩ¿Õ°×²»ÊǰüΧÔÚ±êǩ֮ÄÚ£¬½«»á±»ºöÂÔµô¡£ÕâÊǺÜϸÐĵĴ¦Àí¡£µ«±ê×¼ä¯ÀÀÆ÷ÔòÈÏΪinnerHTMLÉú³ÉµÄÊÇÒ³ÃæµÄ ......
ÕâÀï²»ÊÇÖ¸µ÷Óüòµ¥µÄ PageMethod£¬ÒòΪ¾²Ì¬·½·¨ÊDz»ÄܲÙ×÷µ±Ç°Ò³ÃæµÄ¿Ø¼þµÄ£¬ËùÒÔ¾²Ì¬µÄ PageMethod ×÷Óþ͸úÆÕͨµÄ WebService Ò»Ñù£¬±È½Ï¾ÖÏÞ¡£
ÄÇô£¬µ÷ÓÃÒ»°ãµÄ·þÎñÆ÷¶Ë·½·¨£¬Æäʵ¾ÍÊÇ·¢ÆðÒ»¸öÒì²½»Øµ÷¡£×î¼òµ¥µÄʵÏÖ°ì·¨£¬ÊÇͨ¹ý UpdatePanel À´×ö¡£
Ê×Ïȶ¨ÒåÒ»¸öÒþ²ØµÄ LinkButton£¬ÔÚÆä´¦ÀíʼþÖУ¬È¥µ÷ÓÃÎÒÃÇÒªÖ´ÐеIJÙ×÷£º
<asp:LinkButton ID="linkUpdatePosts" runat="server" style="display:'none';" OnClick
="linkUpdatePosts_Clicked" />
// Ë¢ÐÂÌû×ÓÁÐ±í£¨¹©¿Í»§¶Ë js µ÷Óã©
protected void linkUpdatePosts_Clicked(object sender, EventArgs e)
{
LoadPosts();
}
È»ºó JavaScript ÖоͿÉÒÔ¶¨Ò庯ÊýÀ´´¥·¢Õâ¸ö LinkButton µÄ»Ø·¢£º
// Ë¢ÐÂÌû×ÓÁбí
function refreshPosts() {
__doPostBack ......
ÕâÀï²»ÊÇÖ¸µ÷Óüòµ¥µÄ PageMethod£¬ÒòΪ¾²Ì¬·½·¨ÊDz»ÄܲÙ×÷µ±Ç°Ò³ÃæµÄ¿Ø¼þµÄ£¬ËùÒÔ¾²Ì¬µÄ PageMethod ×÷Óþ͸úÆÕͨµÄ WebService Ò»Ñù£¬±È½Ï¾ÖÏÞ¡£
ÄÇô£¬µ÷ÓÃÒ»°ãµÄ·þÎñÆ÷¶Ë·½·¨£¬Æäʵ¾ÍÊÇ·¢ÆðÒ»¸öÒì²½»Øµ÷¡£×î¼òµ¥µÄʵÏÖ°ì·¨£¬ÊÇͨ¹ý UpdatePanel À´×ö¡£
Ê×Ïȶ¨ÒåÒ»¸öÒþ²ØµÄ LinkButton£¬ÔÚÆä´¦ÀíʼþÖУ¬È¥µ÷ÓÃÎÒÃÇÒªÖ´ÐеIJÙ×÷£º
<asp:LinkButton ID="linkUpdatePosts" runat="server" style="display:'none';" OnClick
="linkUpdatePosts_Clicked" />
// Ë¢ÐÂÌû×ÓÁÐ±í£¨¹©¿Í»§¶Ë js µ÷Óã©
protected void linkUpdatePosts_Clicked(object sender, EventArgs e)
{
LoadPosts();
}
È»ºó JavaScript ÖоͿÉÒÔ¶¨Ò庯ÊýÀ´´¥·¢Õâ¸ö LinkButton µÄ»Ø·¢£º
// Ë¢ÐÂÌû×ÓÁбí
function refreshPosts() {
__doPostBack ......
ÕâÀï²»ÊÇÖ¸µ÷Óüòµ¥µÄ PageMethod£¬ÒòΪ¾²Ì¬·½·¨ÊDz»ÄܲÙ×÷µ±Ç°Ò³ÃæµÄ¿Ø¼þµÄ£¬ËùÒÔ¾²Ì¬µÄ PageMethod ×÷Óþ͸úÆÕͨµÄ WebService Ò»Ñù£¬±È½Ï¾ÖÏÞ¡£
ÄÇô£¬µ÷ÓÃÒ»°ãµÄ·þÎñÆ÷¶Ë·½·¨£¬Æäʵ¾ÍÊÇ·¢ÆðÒ»¸öÒì²½»Øµ÷¡£×î¼òµ¥µÄʵÏÖ°ì·¨£¬ÊÇͨ¹ý UpdatePanel À´×ö¡£
Ê×Ïȶ¨ÒåÒ»¸öÒþ²ØµÄ LinkButton£¬ÔÚÆä´¦ÀíʼþÖУ¬È¥µ÷ÓÃÎÒÃÇÒªÖ´ÐеIJÙ×÷£º
<asp:LinkButton ID="linkUpdatePosts" runat="server" style="display:'none';" OnClick
="linkUpdatePosts_Clicked" />
// Ë¢ÐÂÌû×ÓÁÐ±í£¨¹©¿Í»§¶Ë js µ÷Óã©
protected void linkUpdatePosts_Clicked(object sender, EventArgs e)
{
LoadPosts();
}
È»ºó JavaScript ÖоͿÉÒÔ¶¨Ò庯ÊýÀ´´¥·¢Õâ¸ö LinkButton µÄ»Ø·¢£º
// Ë¢ÐÂÌû×ÓÁбí
function refreshPosts() {
__doPostBack ......
¶Ô³õѧÕßÓ¦¸Ã»áÓаïÖúËùÒÔ×ªÔØÁË¡£
ÕâÈý¸öÓïÑÔ·Ö±ðÊÇÈý¸ö¹«Ë¾¿ª·¢µÄ£¬SUNµÄJava£¬NetscapeµÄJavaScript£¬MicrosoftµÄJScript
JavaScriptÊÇÓÉNetscape¹«Ë¾¿ª·¢²¢ËæNavigatorµ¼º½ÕßÒ»Æð·¢²¼µÄ¡¢½éÓÚJavaÓëHTMLÖ®¼ä¡¢»ùÓÚ¶ÔÏóʼþÇý¶¯µÄ±à³ÌÓïÑÔ£¬²»ÐèÒªJava±àÒëÆ÷£¬¶øÊÇÖ±½ÓÔËÐÐÔÚWebä¯ÀÀÆ÷ÖУ¬ËüµÄǰÉíÊÇLive Script¡£
JScriptÊÇÒ»ÖÖÀàËÆJavaScriptµÄÓïÑÔ¡£
JavaÊÇSUN¹«Ë¾ÍƳöµÄÐÂÒ»´úÃæÏò¶ÔÏóµÄ³ÌÐòÉè¼ÆÓïÑÔ£¬ÌرðÊʺÏÓÚInternetÓ¦ÓóÌÐò¿ª·¢£¬µ±È»Ò²¿ÉÒÔ¿ª·¢ÆäËüµÄÓ¦ÓóÌÐò£¬ÒÔǰÔÚ°²×°SYBASEºÍDB2µÄʱºò£¬ÎÒ¶¼×¢Òâ¶¼ËüÃǵݲװ³ÌÐòºÃÏó¶¼ÊÇÓÃJavaдµÄ¡£JavaµÄǰÉíÊÇOakÓïÑÔ
1.×ʼwebÉÏÖ»Óо²Ì¬µÄhtml
2.ΪÁËÂú×ã¸üºÃµÄ½»»¥ÐèÇó£¬netscape¿ª·¢ÁËÔÚNavigatorÖÐʹÓõÄLiveScriptÓïÑÔ£¬ºó¸ÄÃûΪJavaScript
3.Microsoft·¢ÐÐjscriptÓÃÓÚinternet explorer.
4.×î³õµÄjscriptºÍjavascript²îÒì¹ý´ó£¬web³ÌÐòÔ±²»µÃ²»Í´¿àµÄΪÁ½ÖÖä¯ÀÀÆ÷±àдÁ½Öֽű¾¡£ÓÚÊǵ®ÉúÁËECMAScript,ÊÇÒ»ÖÖ¹ú¼Ê±ê×¼»¯µÄjavascript°æ±¾¡£ÏÖÔÚµÄÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³ÖÕâÖÖ°æ±¾¡£
5.ÎÒÃÇд³ÌÐòµÄʱºò×îºÃд<script language=javascript>¶ø²»ÊÇ<script language=jscript>ÒòΪjavascript ......
¶Ô³õѧÕßÓ¦¸Ã»áÓаïÖúËùÒÔ×ªÔØÁË¡£
ÕâÈý¸öÓïÑÔ·Ö±ðÊÇÈý¸ö¹«Ë¾¿ª·¢µÄ£¬SUNµÄJava£¬NetscapeµÄJavaScript£¬MicrosoftµÄJScript
JavaScriptÊÇÓÉNetscape¹«Ë¾¿ª·¢²¢ËæNavigatorµ¼º½ÕßÒ»Æð·¢²¼µÄ¡¢½éÓÚJavaÓëHTMLÖ®¼ä¡¢»ùÓÚ¶ÔÏóʼþÇý¶¯µÄ±à³ÌÓïÑÔ£¬²»ÐèÒªJava±àÒëÆ÷£¬¶øÊÇÖ±½ÓÔËÐÐÔÚWebä¯ÀÀÆ÷ÖУ¬ËüµÄǰÉíÊÇLive Script¡£
JScriptÊÇÒ»ÖÖÀàËÆJavaScriptµÄÓïÑÔ¡£
JavaÊÇSUN¹«Ë¾ÍƳöµÄÐÂÒ»´úÃæÏò¶ÔÏóµÄ³ÌÐòÉè¼ÆÓïÑÔ£¬ÌرðÊʺÏÓÚInternetÓ¦ÓóÌÐò¿ª·¢£¬µ±È»Ò²¿ÉÒÔ¿ª·¢ÆäËüµÄÓ¦ÓóÌÐò£¬ÒÔǰÔÚ°²×°SYBASEºÍDB2µÄʱºò£¬ÎÒ¶¼×¢Òâ¶¼ËüÃǵݲװ³ÌÐòºÃÏó¶¼ÊÇÓÃJavaдµÄ¡£JavaµÄǰÉíÊÇOakÓïÑÔ
1.×ʼwebÉÏÖ»Óо²Ì¬µÄhtml
2.ΪÁËÂú×ã¸üºÃµÄ½»»¥ÐèÇó£¬netscape¿ª·¢ÁËÔÚNavigatorÖÐʹÓõÄLiveScriptÓïÑÔ£¬ºó¸ÄÃûΪJavaScript
3.Microsoft·¢ÐÐjscriptÓÃÓÚinternet explorer.
4.×î³õµÄjscriptºÍjavascript²îÒì¹ý´ó£¬web³ÌÐòÔ±²»µÃ²»Í´¿àµÄΪÁ½ÖÖä¯ÀÀÆ÷±àдÁ½Öֽű¾¡£ÓÚÊǵ®ÉúÁËECMAScript,ÊÇÒ»ÖÖ¹ú¼Ê±ê×¼»¯µÄjavascript°æ±¾¡£ÏÖÔÚµÄÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³ÖÕâÖÖ°æ±¾¡£
5.ÎÒÃÇд³ÌÐòµÄʱºò×îºÃд<script language=javascript>¶ø²»ÊÇ<script language=jscript>ÒòΪjavascript ......