Android web与JS交互,Android Webview 与JS交互

Android中 WebView控件支持JS与本地代码的交互。

// 是否允许在webview中执行javascript

webSettings.setJavaScriptEnabled(true);

//添加JS的接口名称

mWebView.addJavascriptInterface(this, "mobiletojs");

其主要分为两类:

1:JS调用本地代码

通过window.mobiletojs.saveLogin(username, password);

mobiletojs 对应 mWebView.addJavascriptInterface(this, "mobiletojs"); 中的接口名称

2：本地代码调用JS

在Activity中实现方法调用 mWebView.loadUrl("javascript:setUsername('ddd')");   即可实现对JS：设置用户名方法的调用

//Android 本地代码

package com.whroid.commonapp.ui;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.os.Bundle;

import android.util.Log;

import android.webkit.WebSettings;

import android.webkit.WebView;

@SuppressLint("JavascriptInterface")

public class WebViewJSUI extends Activity {

public static final String TAG = "WebViewJSUI";

private WebView mWebView;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

mWebView = new WebView(this);

setContentView(mWebView);

WebSettings webSettings = mWebView.getSettings();

// 是否允许在webview中执行javascript

webSettings.setJavaScriptEnabled(true);

// 为JS添加本地调用的接口 名称

mWebView.addJavascriptInterface(this, "mobiletojs");

// 加载网页

mWebView.loadUrl("file:///android_asset/test_webview_js.html");

}

//页面点击登录时 由页面调用

public void saveLogin(String username,String password)

{

Log.w(TAG, "调用登录：onLoin:"+username+" password:"+password);

}

//由代码调用页面js,实现对页面的编辑

public void setUsername()

{

mWebView.loadUrl("javascript:setUsername('ddd')");

}

public String getUsername()

{

return "来自android 的用户名";

}

public String getPassword()

{

return "mobile password";

}

}

//对应的页面，以及相应的JS

content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

title

function onLogin() {

var username = document.getElementById("username").value;

var password = document.getElementById("password").value;

var userAgent = navigator.userAgent;

var index = userAgent.indexOf("Android");

if (index > 0) {

window.mobiletojs.saveLogin(username, password);

}

}

function setUsername(name) {

document.getElementById("username").value = name;

}

function onInit() {

var userAgent = navigator.userAgent;

var index = userAgent.indexOf("Android");

if (index > 0) {

//调用android或者ios本地方法，获取用户名或密码

var username = window.mobiletojs.getUsername();

var password = window.mobiletojs.getPassword();

document.getElementById("username").value = username;

document.getElementById("password").value = password;

}

}

//页面开始加载时，触发

if (document.readyState == "complete") {

onInit()

} else {

document.onreadystatechange = function() {

if (document.readyState == "complete") {

onInit()

}

}

}

test οnclick="onLogin()" />

[android] WebView与Js交互

获取WebView对象 调用WebView对象的getSettings()方法,获取WebSettings对象 调用WebSettings对象的setJavaScriptEnabled()方法,设置j ...

webview与js交互(转)

原文:http://www.cnblogs.com/vanezkw/archive/2012/07/02/2572799.html 对于android初学者应该都了解webView这个组件.之前我也是 ...

Android中使用WebView与JS交互全解析

1.概述首先,需要提出一个概念,那就是hybrid,主要意思就是native原生Android和h5混合开发.为什么要这样做呢?大家可以想象一下针对于同一个活动,如果使用纯native的开发方式,An ...

webview与js交互

 对于android初学者应该都了解webView这个组件.之前我也是对其进行了一些简单的了解,但是在一个项目中不得不用webview的时候,发现了webview的强大之处,今天就分享一下使用we ...

android Webview 实现js调用java代码实现Activity跳转

今天有了一个需求,在android里webview加载的html页面,要求点击html页面的按钮实现Activity的跳转. 咱是是菜鸟,webview的接触不多,于是就和度娘来了次亲密接触.在其中也 ...

webView和js交互

与 js 交互 OC 调用 JS // 执行 js - (void)webViewDidFinishLoad:(UIWebView *)webView { NSString *title = [web ...

iOS webView与js交互在文本空格上输入文字

项目要求:webview加载html网址,内容为填空题型文本,需要在横线上添加答案,并点击提交按钮后再将答案进行回显 正常加载的效果图片: 这个是用js交互后的效果图: 点击空格,输入想输入的答案,如 ...

Android原生webview中js交互

http://www.cnblogs.com/android-blogs/p/4891264.html Html页面和Java代码结合的方式一般用在界面经常被更改 的情况下,可以讲html放在网络中, ...

Android WebView与JavaScript交互操作(Demo)

应用场景: 为了使Android移动项目能够在较短的时间内完成开发,同时降低技术人员开发的成本投入,往往会采用Hybrid APP的开发模式.相关Hybrid APP(混合型应用)参看:http:// ...

随机推荐

关于js touch事件 的引用设置

一开始做前端页面的时候,接触的也是js,但是随后便被简单高效的jquery吸引过去,并一直使用至今. 而js,则被我主观的认为底层技术而抛弃. 直到这几天工作需要,研究移动端页面的触屏滑动事件,搜索j ...

(BFS)poj1465-Multiple

题目地址 题意可理解为我们有一些给定的元素,要用它们组成数,如果一个长度(x)所有组成的数都不是给定的另一个数(n)的倍数,并且长度为x的数中有模n的不同于长度小于x的数模n的数,那么继续延长这个数的 ...

Java基础-JVM类加载机制

JVM的类加载是通过ClassLoader及其子类来完成的,类的层次关系和加载顺序可以由下图来描述: 1)Bootstrap ClassLoader /启动类加载器 $JAVA_HOME中jre/li ...

wince下的CPU和内存占用率计算

#include DWORD Caculation_CPU(LPVOID lpVoid) { MEMORYSTATUS MemoryInfo; DWORD Perc ...

分享一款页面视差滚动切换jquery.localscroll插件

今天给大家分享一款页面视差滚动切换jquery.localscroll插件. 滚动鼠标液动条看下页面的切换效果.该插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera ...

02线性表链式存储_LinkList--(线性表)

#include "stdio.h" #include "string.h" #include "ctype.h" #include &qu ...

代码-Weka的LinearRegression类

package kit.weka; import weka.classifiers.Evaluation; import weka.classifiers.functions.LinearRegres ...

【排障】每次打开word都提示要安装配置

为什么每次打开word都提示要安装配置?很多人在打开word时,总是提示要安装配置一遍,花去不少时间,这是由于电脑里有两个不同版本的office软件,产生的原因可能是原来的卸载了没卸载干净,或是安装了 ...

数据结构算法及应用——二叉树

一.二叉树性质 特性1 包含n (n> 0 )个元素的二叉树边数为n-1 特性2 二叉树的高度(height)或深度(depth)是指该二叉树的层数(有几层元素,而不是有层的元素间隔) 特性3 ...