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代码要是带参数

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容