caiwb1990
- 浏览: 316128 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
u011076522：
写的确实不错，总结的很好，内容大都属实
C/C++内存分配方式 -
水晶魔方：
...
联合编译工具推荐IncrediBuild -
caiwb1990：
又看了一遍~ 越看越清晰~
C/C++内存分配方式 -
caiwb1990：
每次准备面试的时候来瞅瞅。timer_yin 写道好文，正好补 ...
TCP/IP、Http、Socket的区别【转】 -
caiwb1990：
互相学习~kongxuan 写道这个不错，用简单的话将事情讲明 ...
TCP/IP、Http、Socket的区别【转】
在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法，这样html才能调用android方法
第一步:新建一个Android工程,命名为WebViewDemo
第二步:修改main.xml布局文件，增加了一个WebView控件还有Button控件，代码如下:
第三步:在assets目录下新建一个demo.html文件,代码如下
第四步:修改主核心程序WebViewDemo.java,代码如下:
第五步:运行上述工程，查看效果
第一步:新建一个Android工程,命名为WebViewDemo
第二步:修改main.xml布局文件，增加了一个WebView控件还有Button控件，代码如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Welcome to Mr Wei's Blog."
/>
<WebView
android:id="@+id/webview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<Button
android:id="@+id/button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Change the webview content"
/>
</LinearLayout>
第三步:在assets目录下新建一个demo.html文件,代码如下
<html>
<mce:script language="javascript"><!--
function fillContent(){
document.getElementById("content").innerHTML =
"This Content is showed by Android invoke Javascript function.";
}
// --></mce:script>
<body>
<a onClick="window.demo.startMap()" href="">Start GoogleMap</a>
A Demo ----Android and Javascript invoke each other.
Author:Frankiewei
</body>
</html>
第四步:修改主核心程序WebViewDemo.java,代码如下:
package cn.caiwb.webwiewdemo;
import android.app.Activity;
import android.content.ComponentName;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;
public class WebViewDemo extends Activity {
private WebView mWebView;
private Button mButton;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
setupViews();
}
//初始化
private void setupViews() {
mWebView = (WebView) findViewById(R.id.webview);
WebSettings mWebSettings = mWebView.getSettings();
//加上这句话才能使用javascript方法
mWebSettings.setJavaScriptEnabled(true);
//增加接口方法,让html页面调用
mWebView.addJavascriptInterface(new Object() {
//这里我定义了一个打开地图应用的方法
public void startMap() {
Intent mIntent = new Intent();
ComponentName component = new ComponentName(
"com.google.android.apps.maps",
"com.google.android.maps.MapsActivity");
mIntent.setComponent(component);
startActivity(mIntent);
}
}, "demo");
//加载页面
mWebView.loadUrl("file:///android_asset/demo.html");
mButton = (Button) findViewById(R.id.button);
//给button添加事件响应,执行JavaScript的fillContent()方法
mButton.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
mWebView.loadUrl("javascript:fillContent()");
}
});
}
}
第五步:运行上述工程，查看效果
0
顶
顶
0
踩
踩
分享到：
发表评论
-
Android多线程:预读实现
2012-04-08 00:22 3029上一篇博文我们可以知道，使用AsyncTask有导致应用FC的 ... -
Android多线程:AsyncTask的分析
2012-04-05 13:34 4633开发Android应用的过程中，我们需要时刻注意保障应用的稳定 ... -
Android异步4：深入AsyncTask原理
2012-03-01 09:12 4853AsyncTask的本质是一个线程池，所有提交的异步任务都会在 ... -
Android异步3：AsyncTask更新UI
2012-02-29 10:13 1412前天写了Thread+Handler的 ... -
Android异步2：深入详解 Handler+Looper+MessageQueue
2012-02-28 10:15 1739Android使用消息机制实现 ... -
Android异步1：Thread+Handler更新UI
2012-02-27 14:01 2282每个Android应用程序都运行在一个dalvik虚拟机进程中 ... -
Android用线程应注意
2012-02-17 09:36 1415我们都知道Hanlder是线程与Activity通信的桥梁，我 ... -
Android用线程应注意
2012-02-17 09:35 1我们都知道Hanlder是线程 ... -
Android Google Api 获取地址
2012-02-16 09:38 3382我们获取Location的目的之一肯定是有获取这个位置的详细地 ... -
Android获取经纬度
2012-02-16 09:34 4459Location 在Android 开发中还是经常用到的，比如 ... -
Android启动已安装应用
2012-02-15 22:45 1200如何在一个应用中 通过某个事件，而去启动另外一个已安装的应用。 ... -
Android 获取Ip
2012-02-15 22:41 1145我们开发中，有判断手机是否联网，或者想获得当前手机的Ip地址， ... -
布局定义菜单--MenuInflater的使用
2012-02-14 10:42 2235传统意义上的定义菜单感觉比较繁琐，当我们使用MenuInfla ... -
LayoutInflater的使用
2012-02-13 11:58 1377在实际开发种LayoutInflater这个类还是非常有用的, ... -
自定义属性
2012-02-13 11:54 1168在xml 文件里定义控件的属性，我们已经习惯了android: ... -
自定义View
2012-02-13 11:37 1022对于初学着来说，他们习惯了Android 传统的页面布局方式， ... -
Intent传递对象的两种方法(Serializable,Parcelable)
2012-02-13 10:23 30116今天讲一下Android中Intent中如何传递对象,就我目前 ... -
Android Service 服务详细讲解
2012-01-16 09:38 1036Android 的Service 和 Handler一样很重， ... -
自定义窗口标题
2011-11-06 14:10 1726我们看到过很多应用,他们的窗口标题行都不是系统默认的 要么有按 ...
相关推荐
在Android应用开发中，WebView是一个强大的组件，它允许开发者在应用程序内部嵌入网页内容，同时提供了与JavaScript交互的能力。这使得我们能够利用HTML、CSS和JavaScript的灵活性来构建部分或全部用户界面，同时还...
uni-webview.js
Android应用可以调用服务器上的API，这些API由Node.js或其他后端服务提供，执行JavaScript代码并返回结果。这种方式增加了网络延迟，但避免了在客户端解析JavaScript的开销。 4. **本地服务与WebSocket** 创建一个...
本示例“WinForm下WebView2实现JS与C#交互Demo”就展示了如何在C#中使用WebView2控件来实现JavaScript与C#之间的双向通信。 首先，确保已安装Microsoft Edge WebView2 SDK。可以通过NuGet包管理器安装`Microsoft....
总的来说，这个“webview与js交互demo”主要展示了如何在WebView中嵌入网页，并通过JavaScript调用Android的原生功能。通过这种方式，开发者可以构建更加丰富和动态的混合式应用程序，结合Web技术的灵活性和Android...
本示例“android demo，webview_js”着重展示了如何通过Webview实现JavaScript调用Java方法的功能。这个功能对于创建混合式应用或者在原生应用中嵌入HTML5页面尤其有用。 首先，我们需要在Android布局文件中添加一...
本示例项目"Webview与Javascript相互调用 (Android Studio)"就是专门针对这一功能的演示，它提供了直接在Android Studio中运行的代码，帮助开发者理解和实践WebView与JavaScript之间的通信。 首先，我们来深入理解...
接下来，我们要讨论的是如何实现WebView与JavaScript的交互。在iOS中，`UIWebView`提供了两个主要的方法来实现这一功能：`stringByEvaluatingJavaScriptFromString:`和`addScriptMessageHandler:name:`。 1. `...
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中内嵌网页内容，同时提供了与JavaScript进行交互的能力。这个例子将深入探讨如何在Android应用中实现WebView与JS的交互，以便于创建更加丰富的...
Android 4.4（API 19）及更高版本引入了`evaluateJavascript()`方法，可以直接执行JavaScript代码并获取返回值。这对于实时获取网页数据或执行复杂逻辑非常方便： ```java webView.evaluateJavascript("javascript:...
在移动应用开发中，WebView组件是一个非常重要的工具，它允许开发者在原生应用程序中嵌入网页内容，并且可以通过JavaScript与应用程序的Java代码进行交互。这个"webview组件javascript调用java的小程序"就是一个实例...
X5Webview基于WebKit，并且集成了QQ浏览器的一些高级特性，如硬件加速、视频播放、JavaScript交互等。在许多App中，我们常常需要在原生Android代码和网页内容之间进行交互，这时候就需要利用到X5Webview与JS的交互...
本教程将深入探讨如何在Android的Webview中实现Android与JavaScript的相互调用。 ### Android调用JavaScript 当需要在Android应用中调用JavaScript函数时，我们可以使用`WebView`类提供的`loadUrl()`方法。这个...
在Android开发中，Webview是一个非常重要的组件，它允许我们加载和显示网页内容，甚至执行JavaScript代码。在本文中，我们将深入探讨如何在Android应用中使用Webview与JavaScript结合生成图表，这通常用于数据可视化...
下面我们将深入探讨如何在Android的WebView中加载和使用JS、CSS以及它们带来的优势。 1. Android WebView加载HTML Android的WebView可以通过调用`loadData()`或`loadDataWithBaseURL()`方法加载HTML字符串，或者...
本节我们将深入探讨Android WebView与JavaScript之间的交互机制，以及如何实现两者之间的通信。 一、WebView基本使用 在Android中，首先需要在布局文件中添加WebView组件，并在Java代码中初始化和加载网页： ```...
本资料“ios-webView与js的交互.zip”主要探讨了如何在iOS应用中实现WebView与JavaScript的有效通信。 首先，我们来看一下UIWebView。在早期的iOS版本中，UIWebView是开发者最常用的WebView组件。通过UIWebView的`...
当Android的WebView与JavaScript交互时，开发者可以实现更丰富的功能，如调用Android原生方法、获取网页数据等。下面我们将深入探讨这个“android webview与js交互简单demo”所涉及的知识点。 1. Android WebView...
安卓的webview 调用 js html