android中通过WebView控件可以加载网页和本地的html文件。下面是一个简单的android与js交互Demo。
主类:
public class MainActivity extends Activity { WebView webview; Button btn; @SuppressLint({ "SetJavaScriptEnabled", "JavascriptInterface" }) @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webview = (WebView) findViewById(R.id.webView); webview.getSettings().setJavaScriptEnabled(true);// 设置js属性可用为true webview.loadUrl("file:///android_asset/index.html");// 加载本地的html文件 webview.addJavascriptInterface(this, "demo");// 与js交互的接口,第一个参数可以是本类this,也可new一个类,第二个参数为接口别名。 btn = (Button) findViewById(R.id.btn); btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { // TODO Auto-generated method stub webview.loadUrl("javascript:javacalljs()");// java代码调用js中的方法 } }); } @JavascriptInterface // 注意:此处在android api17及以上必须声明@JavascriptInterface,并且必须在js所调用的方法前,否则js会调不到 // 此方法,也就是说js调java无反应。关于此处还与硬件的rom版本有关。需具体问题具体分析。 public void startNewActivity() { Toast.makeText(this, "js调用了java函数", Toast.LENGTH_SHORT).show(); runOnUiThread(new Runnable() { @Override public void run() { // 在此处进行要实现的操作,本demmo演示调用其他程序功能 Intent intent = new Intent(Intent.ACTION_MAIN); intent.addCategory(Intent.CATEGORY_LAUNCHER); ComponentName cn = new ComponentName("包名", "类名"); intent.setComponent(cn); startActivity(intent); } }); } }
布局文件xml:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@android:color/transparent" > <WebView android:id="@+id/webView" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:id="@+id/btn" android:layout_width="30dp" android:layout_height="30dp" android:layout_below="@+id/webView" android:text="android按钮" /> </RelativeLayout>
本地的html文件:
此文件要放在assets文件夹下。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" language="javascript"> function javacalljs(){ document.getElementById("content").innerHTML += "<br\>java调用了js函数"; } </script> </head> <body> <Button onclick="window.demo.startNewActivity()">点我进行js调用java方法</Button> <div id="content">内容显示</div> </body> </html>
相关推荐
Android webview与js交互
android webview与js交互简单demo
Android WebView与JavaScript交互的相关内容,作为自己的一个备忘,也希望 可以对其他人有点提示作用
Android加载assets里的html并实现WebView与JavaScript的交互
源码参考,欢迎下载
Android 与Js交互的简单实现Demo 你们可以看看,必有收获
一个简单的android中webview与js交互的例子
因为开发中经常用到android和WebView混合交互开发来降低开发时间。 所以加了一点类java反射机制工具小框架来方便交互 反射这个类lxz.utils.android.webview.plugins.ToastScript 地址:...
android不使用webview与js交互
Android笔记webview与js交互实例,详细介绍使用loadUrl(),evaluateJavascript(),addJavascriptInterface(),等方式实现交互。
为了使Android移动项目能够在较短的时间内完成开发,同时降低技术人员开发的成本投入,往往会采用Hybrid APP的开发模式。...势必需要了解与掌握Android[java]与JavaScript之间的交互、相互调用操作的方法与技术。
Android app 与网页交互 WebView 与JS交互 demo把人脸检测中人眼坐标传递到网页上显示出来,第一个想到的事webview, 但书上支持说用GET POST,并不能实现这种效果,请教罗享同志后百度webview与JS交互就有了.
Android高级应用源码-Android webView和js交互的Demo.zip
android webview js交互, 响应webview中的图片点击事件 ,点击(双击)使图片变大,单击退出
Android 通过 WebView 与 js 交互实现图文混排, 解决图片适配屏幕问题与查看大图功能
在上一篇的资源上加了一些内容,代码可能有点乱,需要仔细梳理一下!
webview中java与js安全交互 webview中java与js安全交互 webview中java与js安全交互 webview中java与js安全交互
A simpler, extendable bidirectional communication Frame between Android WebView and Javascript Features supports parsing and callback for JS primitive types Modular management support System WebView ...
AndroidwebView和js交互的Demo.zip
Android 和 javascript 交互 Android混合开发之WebView与Javascript交互