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>
扫描二维码关注公众号,回复:
382653 查看本文章