WebView、JavaScript方法互调

在WebView中使用JavaScript

functionshowAndroidToast(toast)

{

Android.showToast(toast);

}

特别注意:需要设置chrome handler

这个问题让我纳闷了好久,因为开始的时候我写的程序,JS代码中的按钮会出现在WebView中,但是点击下去后,不会弹出相应的对话框之类。

也就是说JS代码调用自己也没有执行?

同样的代码在别的地方执行可以正常弹出啊。所以我还提问来着:http://q.cnblogs.com/q/47060/

后来找了半天原因,才发现两个问题:

1.网页按钮按下后不出现JS对话框是因为没有设置chrome handler,需要设置如下:

//如果不设置这个,JS代码中的按钮会显示,但是按下去却不弹出对话框//Sets the chrome handler. This is an implementation of WebChromeClient//for use in handling JavaScript dialogs, favicons, titles, and the//progress. This will replace the current handler.myWebView.setWebChromeClient(newWebChromeClient()

{

@OverridepublicbooleanonJsAlert(WebView view, String url, String message,

JsResult result)

{//TODO Auto-generated method stubreturnsuper.onJsAlert(view, url, message, result);

}

});

2.调用Android代码的那个按钮也没有出现Toast是因为我把别名写错了(大小写没有注意)。(这个错误可以忽略,但是大家也要引以为戒。。Orz。。。)

Android调用JavaScript代码

这个还比较简单,需要调用的时候只需要一行代码:

myWebView.loadUrl("javascript:myFunction()");

其中myFunction()是JS函数。

这里要补充一下,如果JavaScript函数是带参数的,那么调用时要特别注意。

比如下面这个JS函数,在原来内容上加入一行:

functionwriteLine(string)

{

console.log("Write a new Line");//调试信息document.getElementById("content").innerHTML += string + "
";//在content标签段落加入新行}

注:其中content是自定义的标签,html中有一个段落是:

那么在Android代码中调用这个writeLine()函数时,需要传入一个字符串参数,比如,想要传入一个叫name的String:

myWebView.loadUrl("javascript:writeLine('"+name+"')");//JS代码要是带参数

还有就是要注意双引号中的函数名一定不要写错。

你可能感兴趣的:(WebView、JavaScript方法互调)