webView.getSettings().setJavaScriptEnabled(true);//打开就可以用js的功能

 

webView.getSettings().setJavaScriptEnabled(true);//打开就可以用js的功能

Js代码,放在asset文件夹下,也可以在服务器端,这样改变内容,只需改服务器端,客户端不用修改

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

function btn_test() {

/* 打印,logcat里的tag是Web Console */

console.log("btn_test");

}

function call_java() {

/* js调用java代码,需要接口 */

Window.interface_test.showToastFromWeb("hello i am javascript!");

}

function test_alert() {

/* 弹出对话框 */

alert("hello i am javascript!");

}

function test_confirm() {

/* 弹出带确定和取消按钮的对话框 */

var v = confirm("hello i am javascript!");

console.log("onfirm " + v);

}

function test_prompt() {

/* 弹出带输入框的对话框 */

var v = prompt("input you name!", "tom");

console.log("prompt " + v);

}

</script>

</head>

<body>

<button onclick="btn_test()">test</button>

<button onclick="call_java()">call_java</button>

<button onclick="test_alert()">test_alert</button>

<button onclick="test_confirm()">test_confirm</button>

<button onclick="test_prompt()">test_prompt</button>

<label tel:800800284>tel:8008233</label>

</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

function btn_test() {

/* 打印,logcat里的tag是Web Console */

console.log("btn_test");

}

function call_java() {

/* js调用java代码,需要接口 */

Window.interface_test.showToastFromWeb("hello i am javascript!");

}

function test_alert() {

/* 弹出对话框 */

alert("hello i am javascript!");

}

function test_confirm() {

/* 弹出带确定和取消按钮的对话框 */

var v = confirm("hello i am javascript!");

console.log("onfirm " + v);

}

function test_prompt() {

/* 弹出带输入框的对话框 */

var v = prompt("input you name!", "tom");

console.log("prompt " + v);

}

</script>

</head>

<body>

<button onclick="btn_test()">test</button>

<button onclick="call_java()">call_java</button>

<button onclick="test_alert()">test_alert</button>

<button onclick="test_confirm()">test_confirm</button>

<button onclick="test_prompt()">test_prompt</button>

<label tel:800800284>tel:8008233</label>

</body>

</html>

Java代码里

webView.addJavascriptInterface(new Object(){

public void showToastFromWeb(String msg){

showToast(msg);

}

}, "interface_test");

webView.addJavascriptInterface(new Object(){

public void showToastFromWeb(String msg){

showToast(msg);

}

}, "interface_test");

webView.setWebChromeClient(new WebChromeClient(){

@Override

public void onProgressChanged(WebView view, int newProgress) {

//这里上一博文已提过

}

@Override

public boolean onJsAlert(WebView view, String url, String message,

JsResult result) {

// TODO Auto-generated method stub

return super.onJsAlert(view, url, message, result);

}

@Override

public boolean onJsConfirm(WebView view, String url,

String message, JsResult result) {

// TODO Auto-generated method stub

return super.onJsConfirm(view, url, message, result);

}

@Override

public boolean onJsPrompt(WebView view, String url, String message,

String defaultValue, JsPromptResult result) {

// TODO Auto-generated method stub

return super.onJsPrompt(view, url, message, defaultValue, result);

}

});

webView.setWebChromeClient(new WebChromeClient(){

@Override

public void onProgressChanged(WebView view, int newProgress) {

//这里上一博文已提过

}

@Override

public boolean onJsAlert(WebView view, String url, String message,

JsResult result) {

// TODO Auto-generated method stub

return super.onJsAlert(view, url, message, result);

}

@Override

public boolean onJsConfirm(WebView view, String url,

String message, JsResult result) {

// TODO Auto-generated method stub

return super.onJsConfirm(view, url, message, result);

}

@Override

public boolean onJsPrompt(WebView view, String url, String message,

String defaultValue, JsPromptResult result) {

// TODO Auto-generated method stub

return super.onJsPrompt(view, url, message, defaultValue, result);

}

});

// webView.loadUrl("javascript:btn_test()");

webView.loadUrl("file:///android_asset/test.html");

 

//          webView.loadUrl("javascript:btn_test()");

webView.loadUrl("file:///android_asset/test.html");

效果图

android webview与 java与javascript的交互的更多相关文章

  1. WebView中Java与JavaScript的交互

    原文首发于微信公众号:jzman-blog,欢迎关注交流! Android 开发过程中 WebView 的使用比较广泛,常用来加载网页,比如使用 WebView 加载新闻页面.使用 WebView 打 ...

  2. Android WebView 总结 —— Java和JavaScript交互

    交互如何实现 实现Java和js交互十分便捷.通常只需要以下几步. WebView开启JavaScript脚本执行 WebView设置供JavaScript调用的交互接口. 客户端和网页端编写调用对方 ...

  3. Android中Java与JavaScript之间交互(转)

    Android代码: package com.fyfeng.testjavascript; import android.app.Activity; import android.content.In ...

  4. 让Java和JavaScript进行交互

    本篇博文参考自:http://droidyue.com/blog/2014/09/20/interaction-between-java-and-javascript-in-android/ 我们在使 ...

  5. Android WebView 开发教程

    声明在先:必须在AndroidMainfest.xml 里面声明权限,否则在Java里面编写的所有WebView浏览网页的代码都无法正常使用 <uses-permission android:n ...

  6. Android WebView 加载超长 JS 数据

    在之前的文章里面,我总结过WebView如何与网页交互,也就是Java如何和JS交互 —— Android WebView 总结 —— Java和JavaScript交互. 基于这篇文章,我们基本上能 ...

  7. Android与javaScript的交互

    WebView与js的交互包含两方面,一是在html中通过js调用java代码:二是在安卓java代码中调用js. 一.html中通过js调用java代码 js中调用java代码其实就记住一点,Web ...

  8. WebView上实现Java与JavaScript交互

    在安卓开发上,考虑到开发效率和界面更新,有时使用WebView结合web页面技术,可以快速迭代地开发移动应用.WebView加载资源的速度并不慢,但是如果资源多了,就很慢.图片.css.js.html ...

  9. Android WebView与JavaScript交互操作(Demo)

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

随机推荐

  1. 新浪微博客户端(8)-添加按钮到TabBar

    在tabBar的中部添加一个发送微博的按钮. DJTabBar.h #import <UIKit/UIKit.h> @class DJTabBar; @protocol DJTabBarD ...

  2. Arbitrage(bellman_ford)

    Arbitrage Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 16652   Accepted: 7004 Descri ...

  3. Hadoop日记Day1---Hadoop介绍

    一.Hadoop项目简介 1. Hadoop是什么 Hadoop是一个适合大数据的分布式存储与计算平台. 作者:Doug Cutting:Lucene,Nutch. 受Google三篇论文的启发 2. ...

  4. 一个PHP写的简单webservice服务端+客户端

    首先是服务端,服务端有一个主要的class组成:apiServer.php <?php /** * apiServer.php * * webservice主类 * * @filename ap ...

  5. Scheme笔记(1)

    (define pi 3.14159) (define radius 10) (* pi (* radius radius)) (define circumference (* 2 pi radius ...

  6. C语言register关键字—最快的关键字 ---------------转自http://blog.sina.com.cn/s/blog_6a1837e90101128k.html

    register:这个关键字请求编译器尽可能的将变量存在CPU内部寄存器中,而不是通过内存寻址访问,以提高效率.注意是尽可能,不是绝对.你想想,一个CPU 的寄存器也就那么几个或几十个,你要是定义了很 ...

  7. c++ builder xe2 (Embarcadero rad studio) 远程调试 同样适用于 delphi 远程调试 教程

    转载:http://www.cnblogs.com/zhangdongsheng/p/3411056.html 每次要远程调试的时候都要看半天的xe2英文帮助文档,今天正好有点时间,把它写下来. 一. ...

  8. 3.子数组的最大和[MaximumContinuousSubArray]

    [题目]: 输入一个整形数组,数组里有正数也有负数.数组中连续的一个或多个整数组成一个子数组,每个子数组都有一个和.求所有子数组的和的最大值,要求时间复杂度为O(n). 例如输入的数组为1, -2, ...

  9. cocos2dx之lua派生类和方法重新

    记得把extern.lua拷贝到你的资源目录,这里要用到 require "extern" MyLayer = class("MyLayer", functio ...

  10. 桐桐的贸易--WA

    问题 A: 桐桐的贸易 时间限制: 1 Sec  内存限制: 64 MB提交: 15  解决: 2[提交][状态][讨论版] 题目描述 桐桐家在Allianceance城,好友ROBIN家在Horde ...