在assets目录下新建页面js_test.html,页面中有一个按钮，被点击时调用Java方法。页面中还提供了一个JS方法共调用，该JS方法的作用是一个alert提示。
<html>
<script language="javascript">
<!-- Java调用JS方法 -->
function JsCalledByJava() {
alert("JS被调用");
}
</script>
<body>
网页内容
<input type="button" value="调用Java方法" onclick="window.js_tag.javaCalledByJS('Java被调用');" />
</body>
</html>
当按钮被点击时,下面这个方法被调用,打印传进来的参数并调用JS方法JsCalledByJava
webView.addJavascriptInterface(new Object() {
@JavascriptInterface
public void javaCalledByJS(final String msg) {
System.out.println(msg);
webView.loadUrl("javascript:JsCalledByJava()");
}
}, "js_tag");
当JsCalledByJava被调用时，执行alert()函数。alert操作被onJsAlert回调，并用原生的AlertDialog显示提示信息
webView.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message,
final JsResult result) {
new AlertDialog.Builder(MainActivity.this)
.setTitle("JS提示")
.setMessage(message)
.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
public void onClick(DialogInterface dialog,
int which) {
result.confirm();
}
}).setCancelable(false).create().show();
return true;
}
});
完整的Activity如下:
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);
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);
webView.addJavascriptInterface(new Object() {
@JavascriptInterface
public void javaCalledByJS(final String msg) {
System.out.println(msg);
webView.loadUrl("javascript:JsCalledByJava()");
}
}, "js_tag");
webView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
super.shouldOverrideUrlLoading(view, url);
view.loadUrl(url);
return true;
}
});
webView.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message,
final JsResult result) {
new AlertDialog.Builder(MainActivity.this)
.setTitle("JS提示")
.setMessage(message)
.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
public void onClick(DialogInterface dialog,
int which) {
result.confirm();
}
}).setCancelable(false).create().show();
return true;
}
});
webView.loadUrl("file:///android_asset/js_test.html");
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
if (webView.canGoBack()) {
webView.goBack();
} else {
finish();
}
return true;
}
return super.onKeyDown(keyCode, event);
}
@Override
protected void onDestroy() {
super.onDestroy();
if (webView != null) {
webView.clearCache(true);
}
}
}
分享到：
相关推荐
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中内嵌网页内容，并实现Java与JavaScript之间的交互。这种交互能力使得我们可以利用Web技术来增强原生应用的功能，同时保持了良好的用户体验。...
**WebView使用详解** ...理解并熟练运用WebView的使用及Java与JS的交互，将极大地提升应用的功能性和用户体验。在实际开发中，我们需要根据项目需求，合理配置WebView的设置，并注重安全问题，确保应用的稳定运行。
4. **JavaScript交互** 要实现Webview与JavaScript的交互，鸿蒙系统提供了`addJavascriptInterface`方法，允许将Java对象暴露给JavaScript。例如，我们创建一个Java对象并添加到Webview： ```java ...
同时，WebView还提供了Java代码与JavaScript交互的能力，使得我们可以利用JavaScript的灵活性和Android原生功能的强大结合，创建出丰富的混合应用。本文将详细介绍如何在Android中使用WebView实现Java程序与JS脚本的...
而JavaScript与Java的交互则是WebView功能的一个强大扩展，使得开发者能够将网页与原生应用的功能深度融合。本文将深入探讨如何在Android中通过WebView实现Java与JS的相互调用。 首先，我们来理解Java调用JS的机制...
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中内嵌网页内容，并且能够实现JavaScript与Java代码之间的交互，极大地丰富了应用的功能。本文将深入探讨如何在Android的WebView中利用...
在Android应用开发中，WebView是一个强大的组件，它允许开发者在应用程序内部嵌入网页内容，同时提供了与JavaScript交互的能力。这使得我们能够利用HTML、CSS和JavaScript的灵活性来构建部分或全部用户界面，同时还...
现在，我们已经可以加载网页并执行JavaScript了，但如何让Java代码与JavaScript交互呢？这里涉及两种主要的交互方式：`addJavascriptInterface` 和 `evaluateJavascript`。 1. **addJavascriptInterface**：此方法...
总的来说，这个“webview与js交互demo”主要展示了如何在WebView中嵌入网页，并通过JavaScript调用Android的原生功能。通过这种方式，开发者可以构建更加丰富和动态的混合式应用程序，结合Web技术的灵活性和Android...
本篇文章将深入探讨如何在WebView中实现JavaScript与本地Java代码的交互。 首先，我们需要了解`WebView`的基本用法。在Android布局文件中，我们可以添加一个WebView控件，如下所示： ```xml <WebView android:id=...
总结一下，Android中的WebView提供了Java与JavaScript交互的能力，主要通过以下步骤实现： 1. 初始化WebView，设置JavaScript支持。 2. 使用`addJavascriptInterface`暴露Java对象给JavaScript。 3. 在Java端监听...
以上就是WebView选择相册并与JavaScript交互的基本流程。通过这种方式，我们可以利用H5的灵活性和原生应用的强大功能，实现更加丰富和深度的用户体验。在实际开发中，还可以扩展更多的交互方式，如调用摄像头拍照、...
2. **性能优化**：避免频繁的Java-JavaScript交互，因为这可能会导致性能下降。合理安排调用时机，比如在页面加载完成后一次性处理所有交互。 3. **异步调用**：如果JavaScript调用Android方法需要较长的时间，可以...
X5Webview基于WebKit，并且集成了QQ浏览器的一些高级特性，如硬件加速、视频播放、JavaScript交互等。在许多App中，我们常常需要在原生Android代码和网页内容之间进行交互，这时候就需要利用到X5Webview与JS的交互...
**三、Android与JavaScript交互** 1. **注入JavaScript接口** Android可以向JavaScript注入对象，使得JavaScript能调用Android的方法。首先定义一个JavaScriptInterface类： ```java @JavascriptInterface ...
当Android的WebView与JavaScript交互时，开发者可以实现更丰富的功能，如调用Android原生方法、获取网页数据等。下面我们将深入探讨这个“android webview与js交互简单demo”所涉及的知识点。 1. Android WebView...
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中内嵌网页内容，并与网页进行交互。这个组件使得开发者可以结合原生Android应用的功能和Web应用的灵活性，实现混合式应用开发。在这个主题中，...
不使用Webview与JavaScript交互时，我们需要权衡性能、复杂性和功能需求。在选择方案时，应根据实际项目的需求，如执行效率、数据安全性、网络依赖等因素进行评估。对于某些简单场景，如计算或轻量级的数据转换，...
当需要在Android应用中嵌入复杂的网页功能或者实现Android与网页内容的交互时，我们就需要用到WebView与js的交互。本文将详细介绍如何在Android的WebView中实现js与原生代码的相互调用。 首先，我们来看`Android中...
总之，在Android 4.4的WebView中实现Java与JavaScript的交互是一个强大而灵活的功能，可以极大地丰富应用的功能。正确地使用这些交互机制，同时关注安全性和性能优化，可以使用户体验更加流畅，功能更加强大。