您的位置：首页 > 移动开发 > Android开发

android的WebView控件与网页，JS的交互

2018-04-09 13:58 441 查看

1.WebView用法一般如下：public class MainActivity extends AppCompatActivity {
EditText shuru;
WebView show;

@Override
protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
show = (WebView) findViewById(R.id.show);

//**********************************************************************
show.setWebViewClient(new WebViewClient());//不跳转到其他浏览器
/*show.setWebViewClient(new WebViewClient() { //不跳转到其他浏览器
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});*/
//要支持缩放，肯定要先支持Javascript
WebSettings set = show.getSettings(); //得到webview的设置
set.setJavaScriptEnabled(true);
//支持屏幕自动缩放
set.setSupportZoom(true);
set.setBuiltInZoomControls(true); //必须加，不然缩放无效
set.setDisplayZoomControls(false); //隐藏缩放按钮
/*webView.setOnTouchListener(new OnTouchListener() { //设置只能触摸，不能点击
@Override
public boolean onTouch(View v, MotionEvent event) {
return true;
}
});*/
//**********************************************************************

//show.loadUrl("http://www.baidu.com");显示网络网页
//显示main/assets目录下的网页
show.loadUrl("file:///android_asset/myt.html");
//将java对象暴露给javascript脚本，js中可以调用该对象
show.addJavascriptInterface(new MyObject(this) , "myObj"); //jsyongbiem

}

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if(keyCode == KeyEvent.KEYCODE_BACK){//监听返回键，如果可以后退就后退
if(show.canGoBack()){
show.goBack();
// webView.goBack();//后退
// webView.goForward();//前进
// webView.reload();//刷新
return true;
}
}
return super.onKeyDown(keyCode, event);
}

}2.myt.html网页如下:<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<body>
<button onclick="myObj.showToast('liuyan')">点我1</button>
<button onclick="myObj.showList()">点我2</button>
<button onclick="">dsg</button>
<br>
<button onclick="">确定对话框</button>
<button onclick="">对话框</button>

<script>...
</script>
</body>
</html>3.java暴露给js的对象:public class MyObject {
Context context;
public MyObject(Context c) {
this.context = c;
}
//要暴露给js调用的方法要加注解 @JavascriptInterface
@JavascriptInterface
public void showToast(String name){
Toast.makeText(context, name + " 你好！", Toast.LENGTH_SHORT).show();
}
@JavascriptInterface
public void showList(){
new AlertDialog.Builder(context)
.setTitle("列表")
.setItems(new String[] {"abc" , "123" , "6y7"} , null)
.setPositiveButton("确定" , null)
.create()
.show();
}
}4.上面的是javaascript调用java，接下来是java调用javascrip
alert为一个按钮
alert.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//JAVA调用JS
show.loadUrl("javascript:toast()");
}
});然后需要在之前网页的js语句中加入toast()方法。给java调用
<script language="javascript"> 
function toast() {
alert("ni hao liuyan");
}
</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航