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

1、JAVASCRIPT调用Android里面的方法

//主函数
public class VMusicActivity extends Activity {
   
   @Override
    public voidonCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.main);
       
       //网络视图
       WebView webView=(WebView)findViewById(R.id.webView_index);
       
      //设置支持JS
      WebSettings settings=webView.getSettings();
      settings.setJavaScriptEnabled(true);
      webView.addJavascriptInterface(newActivityJavaScriptInterface(webView,VMusicActivity.this),"mainMenu");
       
      //加载本地页面
       webView.loadUrl("file:///android_asset/html-layout/index.html");
    }
}

 

 

 

//ActivityJavaScriptInterface 类
public class ActivityJavaScriptInterface {
   
   
    publicWebView webView;
    publicActivity activity;
   
    publicActivityJavaScriptInterface() { 
   } 
   
    //构造函数
    publicActivityJavaScriptInterface(WebView webView,Activity activity){ 
      this.webView=webView;
      this.activity=activity;
   } 
   
   //需要被JS调用的方法
    public voidshowIndex() { 
       Intentintent = new Intent();
      intent.setClass(activity, VMusicActivity.class);
      activity.startActivity(intent);// 启动新的Activity
      activity.finish();// 结束旧的Activity
    }

    //...
}

 

HTML:

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

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

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

//调用对应的JS方法

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