Android与HTML5交互模版

来源：互联网发布：mac怎么编辑pdf文件编辑：程序博客网时间：2024/05/19 17:23

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.webView);
Button btn = (Button) findViewById(R.id.button1);

setWebView();
btn.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// 调用js方法以javascript:开头方法名注意要加括号
// wv.loadUrl("javascript:setHtml('123')");
// 需要设置辅助类webChromeClient后，java调用js方法中的alert才会弹出
webView.loadUrl("javascript:a()");

}
});

}

private void setWebView() {
WebSettings settings = webView.getSettings();
settings.setJavaScriptCanOpenWindowsAutomatically(true);
settings.setJavaScriptEnabled(true);
webView.setWebChromeClient(new WebChromeClient(){});
webView.loadUrl("file:///android_asset/wzq.html");

/**
* 设置可以被js调用的方法逻辑;
* 添加调用接口,并给接口设置名字;
*/
webView.addJavascriptInterface(new Object(){

@android.webkit.JavascriptInterface
public void toast1() {
Toast.makeText(MainActivity.this, "提示一下", 0).show();
}
@android.webkit.JavascriptInterface
public void toast2(String str) {
Toast.makeText(MainActivity.this, "输入框中输入的内容是：" + str, 0)
.show();
}
}, "test");
}

}

HTML5界面:

<html>

<head>
<mate charset="UTF-8"/>
<title>js_and_android交互</title>
<script>
function a(){
alert("js中的弹窗");
}

function suiji(){
var v = Document.getElementById("nm").value;
if(v==""){
window.test.to1();
}else{
window.test.to2(v);
}
}
</script>
</head>

<body>
<input type="text" id="nm"/>
<button onclick="window.test.to1()">用第一个to1</button>
<button onclick="suiji()">随机方法</button>
</body>

</html>

阅读全文

0 0