android中通过WebView控件可以加载网页和本地的html文件。下面是一个简单的android与js交互Demo。
主类：
public class MainActivity extends Activity {
WebView webview;
Button btn;
@SuppressLint({ "SetJavaScriptEnabled", "JavascriptInterface" })
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webview = (WebView) findViewById(R.id.webView);
webview.getSettings().setJavaScriptEnabled(true);// 设置js属性可用为true
webview.loadUrl("file:///android_asset/index.html");// 加载本地的html文件
webview.addJavascriptInterface(this, "demo");// 与js交互的接口，第一个参数可以是本类this，也可new一个类，第二个参数为接口别名。
btn = (Button) findViewById(R.id.btn);
btn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
webview.loadUrl("javascript:javacalljs()");// java代码调用js中的方法
}
});
}
@JavascriptInterface
// 注意：此处在android api17及以上必须声明@JavascriptInterface，并且必须在js所调用的方法前,否则js会调不到
// 此方法，也就是说js调java无反应。关于此处还与硬件的rom版本有关。需具体问题具体分析。
public void startNewActivity() {
Toast.makeText(this, "js调用了java函数", Toast.LENGTH_SHORT).show();
runOnUiThread(new Runnable() {
@Override
public void run() {
// 在此处进行要实现的操作，本demmo演示调用其他程序功能
Intent intent = new Intent(Intent.ACTION_MAIN);
intent.addCategory(Intent.CATEGORY_LAUNCHER);
ComponentName cn = new ComponentName("包名", "类名");
intent.setComponent(cn);
startActivity(intent);
}
});
}
}
布局文件xml：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@android:color/transparent" >
<WebView
android:id="@+id/webView"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btn"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_below="@+id/webView"
android:text="android按钮" />
</RelativeLayout>
本地的html文件：
此文件要放在assets文件夹下。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript">
function javacalljs(){
document.getElementById("content").innerHTML +=
"<br\>java调用了js函数";
}
</script>
</head>
<body>
<Button onclick="window.demo.startNewActivity()">点我进行js调用java方法</Button>
<div id="content">内容显示</div>
</body>
</html>
相关推荐
当Android的WebView与JavaScript交互时，开发者可以实现更丰富的功能，如调用Android原生方法、获取网页数据等。下面我们将深入探讨这个“android webview与js交互简单demo”所涉及的知识点。 1. Android WebView...
本节我们将深入探讨Android WebView与JavaScript之间的交互机制，以及如何实现两者之间的通信。 一、WebView基本使用 在Android中，首先需要在布局文件中添加WebView组件，并在Java代码中初始化和加载网页： ```...
当我们将WebView与JavaScript结合起来，就能实现Android应用与网页之间的交互，从而创造出更强大的功能。这份"Android高级应用源码-Android webView和js交互的Demo"就为我们展示了如何实现这种交互。 首先，我们...
接下来，我们关注重点——JavaScript交互。Android提供了一种名为`WebViewClient`的类，它可以监听页面加载事件，并在特定时刻与JavaScript进行交互。通过重写`WebViewClient`的`shouldOverrideUrlLoading()`方法，...
在这个主题中，我们将深入探讨如何在Android中加载assets目录下的HTML文件，并通过WebView实现与JavaScript的交互。 首先，我们要了解`WebView`的基本用法。在Android布局文件中，我们添加一个WebView组件： ```...
本篇文章将从Android WebView与JS交互的基本概念开始，详细介绍Android WebView与JS交互的各种方式、方法和技术细节，旨在帮助开发者更好地理解和掌握Android WebView与JS交互的技术。 一、Android WebView与JS交互...
因为开发中经常用到android和WebView混合交互开发来降低开发时间。 所以加了一点类java反射机制工具小框架来方便交互 反射这个类lxz.utils.android.webview.plugins.ToastScript 地址：...
总结，Android中的WebView与JavaScript交互是一个强大且常用的功能，通过它我们可以实现原生应用与网页内容的深度融合。理解并熟练运用这些知识点，将有助于提升应用的用户体验和功能多样性。但同时，也必须关注安全...
这个Demo项目是学习和实践Android WebView与JavaScript交互的一个好资源，可以帮助开发者掌握如何在Android应用中嵌入网页并实现双向通信，提升用户体验。通过分析和运行此源码，开发者可以深入理解Android WebView...
现在，我们已经可以加载网页并执行JavaScript了，但如何让Java代码与JavaScript交互呢？这里涉及两种主要的交互方式：`addJavascriptInterface` 和 `evaluateJavascript`。 1. **addJavascriptInterface**：此方法...
不使用Webview与JavaScript交互时，我们需要权衡性能、复杂性和功能需求。在选择方案时，应根据实际项目的需求，如执行效率、数据安全性、网络依赖等因素进行评估。对于某些简单场景，如计算或轻量级的数据转换，...
为了使Android移动项目能够在较短的时间内完成开发，同时降低技术人员开发的成本投入，往往会采用Hybrid APP的开发模式。...势必需要了解与掌握Android[java]与JavaScript之间的交互、相互调用操作的方法与技术。
总的来说，这个“webview与js交互demo”主要展示了如何在WebView中嵌入网页，并通过JavaScript调用Android的原生功能。通过这种方式，开发者可以构建更加丰富和动态的混合式应用程序，结合Web技术的灵活性和Android...
在Android开发中，WebView是一个非常...通过以上这些方法，Android开发者可以实现WebView与JavaScript的深度交互，从而构建功能丰富的混合式应用。在实际项目中，根据需求可以选择不同的交互方式，灵活运用这些技术。
JavaScript交互是通过`WebView`的`addJavascriptInterface()`方法实现的。此方法允许我们将Java对象暴露给网页中的JavaScript代码，以便它们可以调用Java方法。例如，我们可能创建一个名为`Bridge`的Java对象，并...
Android app 与网页交互 WebView 与JS交互 demo把人脸检测中人眼坐标传递到网页上显示出来,第一个想到的事webview, 但书上支持说用GET POST,并不能实现这种效果,请教罗享同志后百度webview与JS交互就有了.
2. **性能优化**：避免频繁的Java-JavaScript交互，因为这可能会导致性能下降。合理安排调用时机，比如在页面加载完成后一次性处理所有交互。 3. **异步调用**：如果JavaScript调用Android方法需要较长的时间，可以...
X5Webview基于WebKit，并且集成了QQ浏览器的一些高级特性，如硬件加速、视频播放、JavaScript交互等。在许多App中，我们常常需要在原生Android代码和网页内容之间进行交互，这时候就需要利用到X5Webview与JS的交互...
而JavaScript交互则是WebView功能的一部分，使得我们能够实现Android应用与网页之间的通信，从而增强用户体验。本篇文章将深入探讨如何实现“android webview js交互，响应webview中的图片点击事件”，特别是点击...
一、Android Webview与JavaScript交互基础 1. 设置Webview支持JavaScript：在初始化Webview时，通过调用`setJavaScriptEnabled(true)`方法启用JavaScript功能。 2. JavaScript接口注入：通过`...