|
Android中調(diào)用js方法及js中調(diào)用本地方法，有需要的朋友可以參考下。 Android中內(nèi)置了WebKit模塊，而該模塊的Java層視圖類就是WebView，所有需要使用Web瀏覽器功能的Android都需要創(chuàng)建該視圖類對象顯示和處理請求的網(wǎng)絡資源。目前WebKit支持Http、Https、Ftp和JavaScript請求。下面我們重點看一下如何在Android中調(diào)用JavaScript方法以及如何在js中調(diào)用本地方法。 1、在Assets下放一個簡單的html文件jstest.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www./TR/html40/strict.dtd">
<HTML>
<HEAD>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" />
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function showMsg(){
alert("hello world!");
}
function showMsgInAndroid(){
myjs.showMsg('hello in android!');
}
</script>
</HEAD>
<BODY>
<span>測試js使用</span>
<button id='btntest' onclick='showMsgInAndroid()'>調(diào)用android方法</button>
</BODY>
</HTML>
2、布局文件main.xml <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:id="@+id/rl_main"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas./apk/res/android"
>
<WebView
android:id="@+id/wv_test"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@+id/btn_showmsg"/>
<Button
android:id="@+id/btn_showmsg"
android:layout_width="200dip"
android:layout_height="40dip"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:text="調(diào)用html中js方法"/>
</RelativeLayout>3、然后是Activity，MainActivity.java package com.harold.jstest;
import com.harold.base.JSKit;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.Button;
public class MainActivity extends Activity {
private WebView mWebView;
private Button btnShowInfo;
private JSKit js;
private Handler mHandler = new Handler();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//初始化控件
mWebView = (WebView) findViewById(R.id.wv_test);
btnShowInfo = (Button) findViewById(R.id.btn_showmsg);
//實例化js對象
js = new JSKit(this);
//設置參數(shù)
mWebView.getSettings().setBuiltInZoomControls(true);
//內(nèi)容的渲染需要webviewChromClient去實現(xiàn)，設置webviewChromClient基類，解決js中alert不彈出的問題和其他內(nèi)容渲染問題
mWebView.setWebChromeClient(new WebChromeClient());
mWebView.getSettings().setJavaScriptEnabled(true);
//把js綁定到全局的myjs上，myjs的作用域是全局的，初始化后可隨處使用
mWebView.addJavascriptInterface(js, "myjs");
mWebView.loadUrl("file:///android_asset/jstest.html");
btnShowInfo.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mHandler.post(new Runnable() {
@Override
public void run() {
//調(diào)用 HTML 中的javaScript 函數(shù)
mWebView.loadUrl("javascript:showMsg()");
}
});
}
});
}
}
4、最后是綁定全局js的類JSKit.java package com.harold.base;
import android.widget.Toast;
import com.harold.jstest.MainActivity;
public class JSKit {
private MainActivity ma;
public JSKit(MainActivity context) {
this.ma = context;
}
public void showMsg(String msg) {
Toast.makeText(ma, msg, Toast.LENGTH_SHORT).show();
}
}
例子比較簡單，代碼里都加了注釋，這里就不多說了，本示例用的本地的html，如果訪問網(wǎng)絡中的網(wǎng)頁，別忘記在AndroidManifest.xml中加權限 <uses-permission android:name="android.permission.INTERNET"/>源碼在下面：
|
|
|
來自： Crazy Zeng > 《android》
