今天介绍一下,Android中Webview与JavaScript的交互,首先是在布局文件里添加webview控件:

  1. <WebView
  2. android:id="@+id/webview"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent" />

然后是在manifest里添加权限:

  1. <uses-permission android:name="and

要是webview能够与JavaScript交互,首先需要webview要启用JavaScript:

  1. WebSettings webSettings = myWebView.getSettings();
  2. webSettings.setJavaScriptEnabled(true);

然后创建JavaScript的接口:

  1. public class WebAppInterface {
  2. Context mContext;
  3. /** Instantiate the interface and set the context */
  4. WebAppInterface(Context c) {
  5. mContext = c;
  6. }
  7. /** Show a toast from the web page */
  8. @JavascriptInterface
  9. public void showToast(String toast) {
  10. Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
  11. }
  12. }

给webview添加JavaScript接口:

  1. myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");

本地JavaScript文件:

  1. <input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />
  2. <script type="text/javascript">
  3. function showAndroidToast(toast) {
  4. Android.showToast(toast);
  5. }
  6. </script>

整个代码如下:

  1. public class MainActivity extends Activity {
  2. private WebView myWebView;
  3. @Override
  4. protected void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.activity_main);
  7. myWebView = (WebView) findViewById(R.id.webview);
  8. WebSettings webSettings = myWebView.getSettings();
  9. webSettings.setJavaScriptEnabled(true);
  10. myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");
  11. ProcessWebString();
  12. }
  13. public class WebAppInterface {
  14. Context mContext;
  15. /** Instantiate the interface and set the context */
  16. WebAppInterface(Context c) {
  17. mContext = c;
  18. }
  19. /** Show a toast from the web page */
  20. @JavascriptInterface
  21. public void showToast(String toast) {
  22. Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
  23. }
  24. }
  25. private void ProcessWebString() {
  26. // 加载 asset 文件
  27. String tpl = getFromAssets("web_tpl.html");
  28. myWebView.loadDataWithBaseURL(null, tpl, "text/html", "utf-8", null);
  29. }
  30. /*
  31. * 获取html文件
  32. */
  33. public String getFromAssets(String fileName) {
  34. try {
  35. InputStreamReader inputReader = new InputStreamReader(
  36. getResources().getAssets().open(fileName));
  37. BufferedReader bufReader = new BufferedReader(inputReader);
  38. String line = "";
  39. String Result = "";
  40. while ((line = bufReader.readLine()) != null)
  41. Result += line;
  42. return Result;
  43. } catch (Exception e) {
  44. e.printStackTrace();
  45. }
  46. return "";
  47. }
  48. }

运行效果:

Android WebView JavaScript交互的更多相关文章

  1. android webview js交互 第一节 (java和js交互)

    转载请注明出处         挺帅的移动开发专栏  http://blog.csdn.net/wangtingshuai/article/details/8631835        在androi ...

  2. Android混合开发之WebView与Javascript交互

    前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.Web App.Hybrid App三种方式,个人觉得目前以Hybri ...

  3. Android总结之WebView与Javascript交互[转]

    Android总结之WebView与Javascript交互   前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.We ...

  4. Android Webview 和Javascript交互,实现Android和JavaScript相互调用

    在Android的开发过程中.遇到一个新需求.那就是让Java代码和Javascript代码进行交互.在IOS中实现起来很麻烦.而在Android中相对来说容易多了.Android对这种交互进行了很好 ...

  5. Android WebView中的JavaScript代码使用

    在WebView中使用JavaScript 如果你想要载入的页面中用了JavaScript,你必须为你的WebView使能JavaScript. 一旦使能之后,你也可以自己创建接口在你的应用和Java ...

  6. [android] WebView与Js交互

    获取WebView对象 调用WebView对象的getSettings()方法,获取WebSettings对象 调用WebSettings对象的setJavaScriptEnabled()方法,设置j ...

  7. Android与javaScript的交互

    WebView与js的交互包含两方面,一是在html中通过js调用java代码:二是在安卓java代码中调用js. 一.html中通过js调用java代码 js中调用java代码其实就记住一点,Web ...

  8. Android WebView使用与JavaScript使用

    WebView基本使用 WebView是View的一个子类,可以让你在activity中显示网页. 可以在布局文件中写入WebView:比如下面这个写了一个填满整个屏幕的WebView: <?x ...

  9. 重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互

    [源码下载] 重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互 作者:webabcd 介 ...

随机推荐

  1. 【Android】数据存储-java IO流文件存储

    1.数据持久化:将在内存中的瞬时数据保存在存储设备中.瞬时数据:设备关机数据丢失.持久化技术提供一种机制可以让数据在瞬时状态和持久状态之间转换. 2.Android中简单的三种存储方式:文件存储.Sh ...

  2. sublime 2如何进入vim模式

    点击菜单栏[Preferences]——[Settings - Defaults] 查找: "ignored_packages": ["Vintage"] 改为 ...

  3. xml--小结④DTD的验证问题,不要用IE检验,IE不靠谱

    可以自己写代码 <script type="text/javascript"> var xmldoc = new ActiveXObject("Microso ...

  4. Ganglia3.6.0,nginx+php搭建gweb,监控Hadoop2.2 和 Hbase0.98.1

    环境:CentOS6.5 Hadoop2.2.0 Hbase0.98.1 服务端(master): 安装 ganglia ganglia-devel ganglia-gmetad ganglia-gm ...

  5. js - 在拼接字符串中动态submit当前form

    今天在做一个项目的时候, mapabc中的inforWindow中,如果是超链接a,不直接响应. 后来的解决方案是动态产生form,并调用summit方法.如下 自定义一个js函数: function ...

  6. Struts2中EL表达式取值

    http://blog.csdn.net/cuihaiyang/article/details/41950141 (写的不错,可以知道为什么struts2可以用El取属性值的问题.正常el从reque ...

  7. maven中tomcat7-maven-plugin插件的使用

    1.(挺清晰,但是我在项目上尝试没有成功) http://blog.csdn.net/yhhazr/article/details/7866501 2.(算是有一些详细的运行命令吧,例如自动打包命令或 ...

  8. java实现时间的比较

    时间大小的比较以及把String类型的时间转换为Date类是时间在开发中是非常常见的,下面的主要是一个工具方法 public class Test { public static void main( ...

  9. PLSQL常用时间函数

    body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI ...

  10. java基础(死循环退出选项)

    java程序中为了程序正常运行,需要给无限循环加入一个退出选项,保证程序的可执行性. import java.util.Scanner; public class { public static vo ...