Android通过WebView加载js网页代码两者之间交互
public class MainActivity extends Activity {
private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.webView1);
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);//支持javascrip必须有
webSettings.setDefaultTextEncodingName("utf-8");
webView.addJavascriptInterface(this, "test");//对应js中的test.xxx，通过该标记来调用Android中的方法
webView.setWebChromeClient(new WebChromeClient() {});//要加上这句，否则部分机型无法弹出窗口
webView.loadUrl("http://192.168.3.4:8080/WebViewTest/test.html");//通过tomcat启动一个网页，当然本地的也行
//webView.loadUrl("file:///android_asset/test.html");//放到assets目录下即可
}
/**
* js调用该方法
* @param msg
*/
@JavascriptInterface
public void helloAndroid(String msg){
Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
}
/**
* 调用js中的方法
* @param v
*/
public void call(View v){
webView.post(new Runnable() {
@Override
public void run() {
webView.loadUrl("javascript:callJS()");
Log.v("zd", "callJS");
}
});
}
}
//xml布局，只有
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" > <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:onClick="call" android:text="Call JS" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="2" > <WebView android:id="@+id/webView1" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> </LinearLayout> </LinearLayout>
//js代码,其中通过前面声明的test来引用android中的方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
function show() {
test.helloAndroid("text/javascript");//Android是在Android端定义的
}
function callJS() {
alert("HelloWebView, i‘m from js: ");
}
</script>
<input type="button" name="提交" value="提交" onclick="show();"></input>
</body>
</html>
时间： 2024-10-10 06:55:28