Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

$wnd and $doc Calling native JavaScript with JSNI

$wnd and $doc Calling native JavaScript with JSNI
$wnd ÊÇʲô£¿
GWT provides the $wnd and $doc variables to refer to the window and document objects
GWTʹÓÃͨ¹ýJava Native methodʹÓÃËü£¬ÉùÃ÷Ò»¸önative·½·¨£¬½«º¬ÓÐJavaScriptµÄ·½·¨Ìå×¢ÊÍ¡£±àÒëÆ÷½«×¢ÊÍ¿éÄÚµÄÄÚÈÝÖð×ÖÊä³ö£¬Ê¹Ö®Óë±àÒë²úÉúµÄJavaScriptÕûºÏµ½Ò»Æð¡£
Javaµ÷ÓÃJavaScript·½·¨£º
JSNI·½·¨¶¨ÒåÐèҪʹÓÃnative¹Ø¼ü×Ö£¬²¢ÇÒÐèÒªÔÚ²ÎÊýÁбíÖ®ºó£¬½áβµÄ·ÖºÅ֮ǰ¶¨Òå¡£JSNI·½·¨µÄ¿ªÊ¼Ê¹Óà /*-{ , ½áβʹÓÃ}-*/,ÀýÈ磺
public static native void alert(String msg) /*-{
         $wnd.alert(msg);
}-*/;
ÕâÊÇgwt  Window ÀàÖеÄÔ´Âë--Ò»¸ö±ê×¼µÄjsni ·½·¨, ÎÒÃÇ¿ÉÒÔ¿´µ½,·½·¨ÊµÏÖ¾ÍÊÇÒ»Ðмòµ¥µÄjavascript ´úÂë. (ÕâÀïûÓÐÓà alert »òÕß window.alert µÄÔ­ÒòÊÇ: gwt ´úÂëÔËÐÐÔÚÒ»¸öiframeÖÐ,Èç¹ûÖ±½ÓÓÃalert»òÕßwindow.alert,ÒýÓõÄÊÇiframeÎĵµ,¶ø²»ÊÇhost page Îĵµ). ¾­¹ýÕâ¸ö·½·¨°ü×°,ÒÔºóÔÚgwt³ÌÐòÖÐʹÓà " Window.alert"  ʵ¼ÊÉϾÍÊǵ÷ÓÃÁËjavascript µÄ alert ·½·¨,µ±È»ÄãÒ²¿ÉÒÔ²»ÓÃÕâ¸ö·â×°, Ö±½ÓʵÓà $wnd.alert .
µ±ÉÏÊö·½·¨ÔÚJavaÖе÷ÓõÄʱºò£¬Êµ¼ÊÉϽ«µ÷ÓÃWindowµÄalert()·½·¨£¬½«´«ÈëµÄÄÚÈÝ´òÓ¡³öÀ´¡£ÔÚHosted ModeÏ£¬¶Ïµã¿ÉÒÔµ÷ЭÔÚÉÏÊö·½·¨ÖУ¬¿ÉÒԲ鿴´«ÈëµÄ²ÎÊý¡£
²Î¿¼ÈçÏ£º
 http://www.javaeye.com/topic/365678
http://www.webreference.com/programming/java/toolkits/
The GWT makes ingenious use of Java's native methods with something called the JavaScript Native Interface. You declare native methods with commented-out bodies that contain JavaScript. When those native methods are compiled, the GWT incorporates the commented JavaScript. Here's an example of such a native method:
Calling native JavaScript with JSNI
http://www.ibm.com/developerworks/java/library/j-ajax4/
Visual-effects libraries are becoming increasingly popular in Web application development, whether their effects are used to provide subtle user-interaction cues or just to add polish. I'd like to add some eye-candy to the Weather Reporter application. GWT doesn't provide this type of functionality, but its JavaScript Native Interface (JS


Ïà¹ØÎĵµ£º

javascriptʵÏÖfirefoxºÍIE¶¼Ö§³ÖµÄÒ³Ãæ¾Ö²¿´òÓ¡

½éÉÜÁ½¸ö¹Ø¼üµÄcss
<style media="print">
.Noprint { DISPLAY: none }
.PageNext{ PAGE-BREAK-AFTER: always }
</style>µÚÒ»¸öÔÚ²»ÐèÒª´òÓ¡µÄ±êÇ©ÉÏÌí¼Ó£¨×Ó±êǩҲ½«²»±»´òÓ¡£©£¬µÚ¶þ¸öÔÚÐèÒª»»ÐеıêÇ©´¦Ìí¼Ó£¨¸Ã±êÇ©Ëù±íʾµÄÄÚÈݽ«ÔÚµ±Ç°´òÓ¡µÄÒ»Ò³ÄÚ£©
½ÓÏÂÀ´Í¨¹ýµ÷ÓÃ×î»ù±¾µÄjsÓï¾ä
windo ......

»ùÓÚjavascriptµÄÓû§µÇÂ¼Ò³ÃæÑéÖ¤

1£¬Óû§Ãû²»Äܰüº¬¿Õ¸ñ£¬µÚÒ»¸ö×Öĸ²»ÄÜΪÊý×Ö£¬³¤¶È¿ØÖÆ
2£¬ÃÜÂëºÍÑéÖ¤ÂëÒªÏàͬ£¬²»ÄÜΪ¿Õ£¬µÈµÈ£¬Ò»Ð©ºÜ»ù±¾µÄ¹¦ÄÜ£¬µ«ÊÇȷʵͦ·³È˵ġ£
      javascriptµ÷ÊÔÆðÀ´È·Êµ±È½ÏÂé·³¡£
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<T ......

40 ¸öÇáÁ¿¼¶ JavaScript ¿â

Á÷ÐÐµÄ JavaScript ¿â²»Ê¤Ã¶¾Ù£¬jQuery, MooTools, Prototype, Dojo, YUI¡£ÕâЩ JavaScript ¿â¹¦Äܷḻ£¬¼ÓÉÏËüÃǵIJå¼þ£¬¼¸ºõÄÜʤÈÎÈκι¤×÷£¬È»¶øÕâÊÇÓдú¼ÛµÄ£¬ÕâЩ¿âÍùÍùµ¼ÖÂÄãµÄÍøÒ³³ß´çÓ·Öס£ÔÚijЩ³¡ºÏ£¬Èç¹ûÄãÖ»ÏëÍê³ÉÌØ¶¨µÄ¹¤×÷£¬¿ÉÒÔʹÓà һЩ¹¦ÄܸüרһµÄÇáÁ¿¿â£¬±¾ÎĽéÉÜÁË40¸ö·Ç³£³öÉ«µÄÇáÁ¿¼¶ JavaScript ¿â¡ ......

Javascript²Ù×÷SelectºÍOption

×¢Òâ:OptionÖеÄOÊÇÒª´óдµÄ£¬²»È»Óï·¨±¨´í
1.¶¯Ì¬´´½¨select
      function createSelect(){
var mySelect = document.createElement("select");
          mySelect.id = "mySelect"; 
        ......

javascript ÓÅ»¯


Optimizing JavaScript code
Authors: Gregory Baker, Software Engineer on GMail & Erik Arvidsson, Software Engineer on Google Chrome
Recommended experience: Working knowledge of JavaScript
Client-side
scripting can make your application dynamic and active, but the
browser's interpretation o ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ