Android入门：HTML布局中Android程序与JAVASCRIPT的交互

1、JAVASCRIPT调用Android里面的方法

1//主函数
2public class VMusicActivity extends Activity {
3   
4   @Override
5    public voidonCreate(Bundle savedInstanceState) {
6       super.onCreate(savedInstanceState);
7       setContentView(R.layout.main);
8       
9       //网络视图
10       WebView webView=(WebView)findViewById(R.id.webView_index);
11       
12      //设置支持JS
13      WebSettings settings=webView.getSettings();
14      settings.setJavaScriptEnabled(true);
15      webView.addJavascriptInterface(newActivityJavaScriptInterface(webView,VMusicActivity.this),"mainMenu");
16       
17      //加载本地页面
18       webView.loadUrl("file:///android_asset/html-layout/index.html");
19    }
20}
21
22
23
24
25//ActivityJavaScriptInterface 类
26public class ActivityJavaScriptInterface {
27   
28   
29    publicWebView webView;
30    publicActivity activity;
31   
32    publicActivityJavaScriptInterface() { 
33   } 
34   
35    //构造函数
36    publicActivityJavaScriptInterface(WebView webView,Activity activity){ 
37      this.webView=webView;
38      this.activity=activity;
39   } 
40   
41   //需要被JS调用的方法
42    public voidshowIndex() { 
43       Intentintent = new Intent();
44      intent.setClass(activity, VMusicActivity.class);
45      activity.startActivity(intent);// 启动新的Activity
46      activity.finish();// 结束旧的Activity
47    }
48
49    //...
50}

HTML:

<ahref="javascript:mainMenu.showIndex()">回到首页</a>

2、Android程序里面调用页面的JS方法

1<script>
2function showAlert(){
3  alert("输出提示窗口!");
4}
5</script>

//调用对应的JS方法

webView.loadUrl("javascript:showAlert()");