$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
Ïà¹ØÎĵµ£º
1. oncontextmenu="window.event.returnValue=false" ½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)> <td>no </table> ¿ÉÓÃÓÚTable
2. <body onselectstart="return false"> È¡Ïûѡȡ¡¢·ÀÖ¹¸´ÖÆ
3. onpaste="return false" ²»×¼Õ³Ìù
4. oncopy ......
test1.htnl
<script type="text/javascript">
function get(){
var ifr1 = window.parent.document.getElementById('test2Frm');
¡¡¡¡ var b1 = ifr1.contentWindow.document.get ......
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>ÎÞÏÞ¼¶Ê÷Ð ......
Àí½âJavascript±Õ°ü(closure)
רÌâ ÔÌû http://www.w3cgroup.com/article.asp?id=87
´ËÎÄÓÃͨË×µÄÎÄ×Ö½éÉÜÁËJavascript±Õ°ü ¡£
¿´¹ýºó£¬ÎÒ¶Ôjavascript±Õ°ü¼òµ¥µÄÀí½â¾ÍÊÇ ÎÄÖеÚËÄ¡¢Îå¶ÎÖÐËù˵µÄ“ÔÚÄÚ´æÖÐά³ÖÒ»¸ö±äÁ¿£¬²»»á±»GC»ØÊÕ”¡£
µ±È»»¹ÐèҪѧϰ²ÅÄÜÉîÈëµÄÀí½âjavascript±Õ°ü
Ò»¡¢Ê²Ã´ÊDZհü£¿
......
ÔÚJavaScriptÖÐûÓжàάÊý×éµÄ¸ÅÄî
µ«ÊÇ¿ÉÒÔÄ£ÄâʵÏÖ
1ά
//1 ²»ÄÜÈ·¶¨Êý×élengthµÄÇé¿öÏ£¬ÏÈÉùÃ÷Ò»¸öÊý×éÃû£¬È»ºóÔÙÖð¸ö¸³Öµ¡£
var tArray=new Array();
tArray[0]='A';
tArray[1]='2';
//2 ÖªµÀÈ·ÇеÄlength£¬´´½¨Êý×é
var tArray=new Array(10);
//3 ´´½¨Êý×éµÄͬʱ²¢¸³Öµ
var tArray=new Array('A','2','3', ......