目录
1 网页的3种弹窗
1.1 Alert警示弹窗
1.2 Confirm确认弹窗
1.3 Prompt输入弹窗
2 WebView支持弹窗
2.1 onJsAlert
2.2 onJsConfirm
2.3 onJsPrompt
AndroidApp内嵌一个WebView用于承载网页,WebView会监听拦截网页的3种弹窗(Alert,Confirm,Prompt),如果不做任何处理,表现出来的形式就好像是不支持网页弹窗,其实是支持的!
1 网页的3种弹窗
所有的弹窗都由3部分组成:Title(标题),Message(内容),Button(按钮)
1.1 Alert警示弹窗
只有一个"确定"按钮,点击关闭弹窗
alert('卢本伟NB!');
1.2 Confirm确认弹窗
有2个按钮,点击"确定"返回true,点击"取消"返回false
let flag = confirm('卢本伟NB吗?');
1.3 Prompt输入弹窗
有2个按钮,1个输入框,点击"确定"返回输入框内容(无内容返回空字符串),点击"取消"返回null
let context = prompt('卢本伟斗地主什么水平?');
2 WebView支持弹窗
支持3种弹窗,需要对WebView对象设置webView.setWebChromeClient(重写的WebChromeClient对象)
2.1 onJsAlert
mainWebView.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
// 将message设置在Tittle位置,更显眼
builder.setTitle(message);
// builder.setMessage(message);
builder.setPositiveButton("知道了", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
// 返回确认
result.confirm();
}
});
// 点击对话框外面和点击返回键,不能取消弹窗
builder.setCancelable(false);
builder.show();
return true;
}
}
2.2 onJsConfirm
mainWebView.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
// 将message设置在Tittle位置,更显眼
builder.setTitle(message);
// builder.setMessage(message);
// 设置肯定按钮
builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
// 返回确认
result.confirm();
// 解除对话框
dialog.dismiss();
}
});
// 设置否定按钮'
builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
// 返回取消
result.cancel();
// 解除对话框
dialog.dismiss();
}
});
// 点击对话框外面和点击返回键,不能取消弹窗
builder.setCancelable(false);
builder.show();
return true;
}
}
2.3 onJsPrompt
mainWebView.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
// 将message设置在Tittle位置,更显眼
builder.setTitle(message);
// builder.setMessage(message);
final EditText editText = new EditText(WebViewActivity.this);
editText.setText("");//设置默认数据
builder.setView(editText); //为弹出窗口设置输入框
// 设置肯定按钮
builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm(editText.getText().toString());//向Javascript传递输入值
}
});
// 设置否定按钮
builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.cancel();
}
});
// 点击对话框外面和点击返回键,不能取消弹窗
builder.setCancelable(false);
builder.show();
return true;
}
}
文章来源
您阅读本篇文章共花了：
发表评论