WebView JS 交互
- - ITeye博客WebView加jquery做页面会怎么样呢. // 创建WebView对象. // 把programList添加到js的全局对象window中，. // 这样就可以使用window.programList来获取数据. * 定义js回调java函数. // 绑定键盘的向上,向下按钮事件触发相应的js事件.
WebView之js调用Android类的方法传递数据 - 依凡王子
标签：
webview
js
android
| 发表时间：2014-08-18 17:00 | 作者：依凡王子
出处：
1，具体的思路如下：
在android中写一个Activity，里面写一个webview，这个webview加载本地的一个html文件，显示这个网页，这个网页包括一个用户名和密码的输入框和两个按钮（只有登陆按钮有用），输入用户名密码之后调用android中的类，并把输入的数据传过去，再在android中输出出来（具体你那数据做什么操作就看你的需求了），这样就做大额js与android数据交互的效果了：
在android端，一些webviwe的设置和自定义类的写法如下源码：
package com.example.webview;
import android.app.Activity;
import android.os.Bundle;
import android.webkit.JavascriptInterface;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
public class MainActivity extends Activity {
private WebView webview;
private String URL = "http://192.168.31.122/word2/login.html";//这是你要访问你html文件的存放地址，我这个是放在appache中的word文件夹下的login.html文件
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webview = (WebView) findViewById(R.id.webView1);
WebSettings webset = webview.getSettings();
webset.setJavaScriptEnabled(true);// 表示webview可以执行服务器端的js代码
webview.setWebChromeClient(new WebChromeClient(){});
webview.addJavascriptInterface(new JsObject(),"jsObject");
webview.loadUrl(URL);
}
public class JsObject {
@JavascriptInterface
public void getMessage(String name, String pwd) {
// TODO Auto-generated method stub
System.out.println("==="+"name:" + name + "---pwd:" + pwd);
}
}
}
而xml比较简单，只是一个比较简单的webview而已，代码如下：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<WebView
android:id="@+id/webView1"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
对于要加载的html文件只要放在你要访问的地方就可以，比如appache下，具体代码如下：
<!DOCTYPE html>
<html>
<head>
<script>
function login(){
var th = document.form;
var user = th.user.value;
if(user==""){
alert("请输入用户名!");
}else{
var name = th.user.value;
var pwd = th.pwd.value;
var name2 = jsObject.getMessage(name,pwd);
}
}
</script>
</head>
<body>
<form name='form' method='post' class='form' action=''>
<table id='login_table'>
<tr>
<td>
<span>账号:</sapn>
</td>
<td>
<input type='text' class='usr' name='user' value=''/>
</td>
<td></td>
</tr>
<tr>
<td>
<span>密码:</sapn>
</td>
<td>
<input type='password' class='psw' name='pwd' value=''/>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<input type="file" value="上传图片" />
<button class='denglu' onclick="login()">登陆</button>
<button class='clear'>清空</button>
</td>
<td></td>
</tr>
</table>
</form>
</body>
</html>
本文链接： WebView之js调用Android类的方法传递数据，转载请注明。
相关 [webview js android] 推荐：
WebView之js调用Android类的方法传递数据 - 依凡王子
- - 博客园_首页 在android中写一个Activity，里面写一个webview，这个webview加载本地的一个html文件，显示这个网页，这个网页包括一个用户名和密码的输入框和两个按钮（只有登陆按钮有用），输入用户名密码之后调用android中的类，并把输入的数据传过去，再在android中输出出来（具体你那数据做什么操作就看你的需求了），这样就做大额js与android数据交互的效果了：.
Android WebView 用法
- - 移动开发 - ITeye博客Android和iOS系统都提供了标准的浏览器控件，在Android中是WebView，iOS中为UIWebView. 在iOS中你实例化一 个UIWebView即可调用loadRequest来加载一个网页，但是在Android中你不仅需要创建一个WebView，还需要做一些其他的事 情，建议初次使用WebView的读者按照以下步骤使用：.
Android WebView的坑总结
- - CSDN博客推荐文章 最近把做好的iPad HybridApp向Android迁移，碰到的坑太多了，让我这个折腾过Android接近4年的老鸟都头疼. 现在把前人遇到的都列出来，再慢慢解决自己的，目前已经解决了android键盘覆盖问题，下面最棘手的问题就是屏幕高度的适配问题了. 1、 Andrid4.1事件穿透BUG 原因不明.
Android中WebView页面交互
- - SegmentFault 最新的文章在android内打开一个网页的时候，有时我们会要求与网页有一些交互. 而这些交互是在基于javaScript的基础上. 那么我们来学习一下android如何与网页进行JS交互. protected View refresh;// 刷新按钮. protected String url = "";// 网址url.
Android： 在WebView中获取网页源码
- - ITeye博客 使能javascript：. 编写自己的WebViewClient，并在onPageFinished中提取网页源码. 运行，可以看到在showSource(String html)中打印了网页源码. 已有 0 人发表留言，猛击->> 这里<<-参与讨论. —软件人才免语言低担保 赴美带薪读研.
Android WebView中的JavaScript代码使用
- - 博客园_首页 上一篇博文： Android WebView使用基础已经说了一些Android中WebView的基本使用. 本篇文章主要介绍WebView中的JavaScript代码的执行相关，已经JS代码与Android代码的互相调用. （因为本人对Web开发并不是很熟悉，所以如果有哪些地方说得不对，还请指正.
Android WebView 常见的九个问题
- - 移动开发 - ITeye博客关注微信号：javalearns 随时随地学Java. 目前Android WebView问题越来越多，接下来由爱内测（www.ineice.com）的技术工程师为我们介绍几种常见的Android WebView问题：. 1.为WebView自定义错误显示界面: /** * 显示自定义错误提示页面，用一个View覆盖在WebView */ protected void showErrorPage() { LinearLayout webParentView = (LinearLayout)mWebView.getParent();.
Android WebView与Native通信总结
- - 掘金 架构当前移动端App的开发很多都需要内嵌WebView来方便业务的快速开展，特别是电商App中，业务变化快，活动多. 仅仅依靠native的开发方式难以满足快速的业务发展，于是混合开发模式便出现. 当前比较知名的有 Cordova,. Ionic, 国内的有 Appcan,. APICloud开发平台，这几种都是依赖于WebView的实现.
Android与js交互实例
- - CSDN博客移动开发推荐文章Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true. Android（Java）与JavaScript（HTML）交互有四种情况：. 1） Android（Java）调用HTML中js代码. 2） Android（Java）调用HTML中js代码（带参数）.